絶対位置の変換元に相当する

Question

位置=絶対、最上位= 1000、左= 1000の不明なサイズの要素があります。

今、その要素の左上が位置（1000,1000）にありますが、要素の中心を（1000,1000）にしたいと思います。

CSSを単独で使用する方法はありますか？

Answer 1

the commentsに指摘されているように、要素を垂直方向または水平方向の中央に配置するには、単にtransform: translate(-50%,-50%)を使用します。幸運にも、このメソッドは動的な値に対して機能します。つまり、要素の幅/高さがわからないため、このメソッドはうまくいくでしょう。例えば

：それは価値がある何のため

.element { 
 
    background: #f00; 
 
    width: 100px; 
 
    height: 100px; 
 
    transform: translate(-50%,-50%); 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
}

<div class="element"></div>

、ここでは垂直/水平方向のセンタリングのためのsome alternative methodsがあります。