设置宽度为50%时div不居中

Question

当我将 div 居中时，它没有居中。看起来，他的左角就在屏幕的中间。如何减去宽度的一半，使 div 正确居中？

在我的 css 中我写的left: 50%是结果：

有没有可能使这个 div 正确居中？

Answer 1

transform: translateX(-50%)会将元素向左移动其自身宽度的 50%。与 配对left: 50%，它将以 x 轴为中心。