css - 将文本中心与 css 对齐

Question

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

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

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

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

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

问题：只有对象 B（相对位置）是对齐中心对象 A（绝对位置）不是对齐中心

那么，如何将已经定位为绝对的事物居中呢？感谢您的任何解释

Answer 1

尝试在#container div 上设置 position:relative。Position:absolute 否则将在窗口而不是 div 上是绝对的。

Answer 2

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

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