将文本中心与css对齐

时间:2009-06-15 10:35:31

标签: css position center

我有一个问题与使用div#container将页面居中 通常,容器代码如下所示:

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

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

例如,我们有2个对象A和对象B. _object A是位置绝对 _Object B是位置Relative

对象A和B都包含在容器

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

那么,如何将已定位的东西作为绝对中心? 谢谢你的任何解释

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

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