使用元素中心的位置元素？

Question

我正在嘗試製作一個具有position: absolute;的元素，並使用百分比進行定位。事情是，它不是使用中心定位，而是使用左上角。有沒有辦法使用純CSS做到這一點？該元素是一個flexbox，因此不存在使用display CSS屬性的花哨技巧。這是我的代碼。

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

而且，這不是here重複，因爲任擇議定書要求使用比例居中的元素。我需要將它放在任何地方，例如25%。

Answer 1

你可以做到這一點使用CSS轉換，如果這很好

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

Answer 2

嘗試「變換出身」可能？

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