将文本居中与css对齐

Question

我有一个关于使用div#container居中页面的问题，通常容器代码是这样的：

div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}

容器div标签包装了我想要在其中居中对齐的那部分代码。

例如，我们有2个对象A和B，_object A是绝对位置，B是相对位置

对象A和对象B都包装在容器内

问题:只有对象B(相对位置)居中对齐，对象A(绝对位置)不居中对齐

那么，如何将已经定位为绝对位置的东西居中呢？感谢您的解释

Answer 1

尝试在#container div上设置position:relative。位置:绝对在窗口上是绝对的，而不是在div上。

Answer 2

使用top: 50%和-xxx -top：-xxx(其中-xxx等于定义的高度(以像素为单位)的一半)将绝对定位的内容垂直居中。

使用left: 50%和margin left：-xxx (其中-xxx等于定义的宽度(以像素为单位)的一半)将绝对定位的内容水平居中。