Html 使用元素的中心定位元素？

我试图使一个元素具有

位置：绝对并使用百分比进行定位。问题是，它不是使用中心定位的，而是使用左角定位的。有没有一种方法可以使用纯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. */
}

此外，这不是的副本，因为OP要求使用百分比将元素居中。我需要把它放在任何地方，比如
25%
如果可以的话，你可以使用css转换来实现

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

试试“变换原点”吧

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