要素の中心を使用する位置要素？

Question

私はposition: absolute;を持ち、パーセンテージを使用して配置されている要素を作成しようとしています。事は、左のコーナーを使用して、中心を使用して配置されていないことです。純粋なCSSを使ってこれを行う方法はありますか？この要素はフレックスボックスなので、displayのCSSプロパティでは素晴らしい仕掛けはありません。ここに私のコードです。

#whateverDiv{ 
    display: flex; 
    left: 25%; /* Uses left corner of element. I want to make it use the center of the element. */ 
} 

OPはパーセンテージを使って要素をセンタリングするように求められているためまた、これはhereの複製ではありません。 25%などどこにでも配置する必要があります。

Answer 1

は、あなたはそれがおそらく「トランスフォームの原点」を

#whateverDiv{ 
    display: flex; 
    left: 25%; 
    transform: translateX(-50%) 
} 

Answer 2

てみ罰金だ場合は、この使用して、CSSが変形行うことができます？。

div { 
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ 
    -ms-transform-origin: 50% 50%; /* IE 9 */ 
    transform-origin: 50% 50%; 
}