Positionselement mit Mittelpunkt des Elements?

Question

Ich versuche, ein Element zu machen, das position: absolute; hat und wird mit Prozentsätzen positioniert. Die Sache ist, es wird nicht mit der Mitte positioniert, sondern mit der linken Ecke. Gibt es eine Möglichkeit, dies mit reinem CSS zu tun? Das Element ist eine Flexbox, also gibt es keine Tricks mit der CSS-Eigenschaft display. Hier ist mein Code.

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

Auch dies ist kein Duplikat here weil das OP unter Verwendung des Elements Prozentsatz zum Zentrum gefragt. Ich muss es überall positionieren, wie 25%.

Answer 1

Man könnte dies mit CSS tun verwandelt, wenn die

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

Answer 2

Try ‚transformations Herkunft‘ vielleicht in Ordnung ?.

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