CSS text-align:center 与位置不兼容

Question

我正在尝试修复 div 的位置，而此 div 的对齐方式是居中的，但是当我输入位置（无论是固定的还是绝对的）时，与中心的对齐方式会受到干扰。是什么原因？

#stage {text-align: center; position:fixed;}

Answer 1

您需要为固定位置元素定义宽度。默认情况下，它仅与其内容一样宽并与左上对齐。

按照您描述的方式，可能 width: 100% 是足够的值，它会在整个宽度上拉伸元素，在这种情况下，您应用的文本居中将会有效。