我有一个问题与使用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(绝对位置)不是对齐中心
那么,如何将已定位的东西作为绝对中心? 谢谢你的任何解释
答案 0 :(得分:2)
尝试在#container div上设置position:relative。位置:绝对在窗口上绝对不是div。
答案 1 :(得分:0)
使用top:50%和margin-top:-xxx(其中-xxx等于定义的高度的一半(以像素为单位))以垂直居中绝对定位内容。
使用左:50%和margin-left:-xxx(其中-xxx等于定义宽度的一半(以像素为单位))以水平方向居中定位内容。