绝对定位单元的水平垂直中心(3种选择)
缺点:需要事先知道单元的宽度和高度。
文件
箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:50%;顶端:50%;
边境:1px solid # 000;
背景:红色;
边距:- 200px; / *一半高度
margin-left:随着改变; / *半宽度
}
2、CSS3实现水平垂直中心
注意:不管是什么尺寸的元件,它可以在中间。然而,IE8是这种写作风格兼容,和移动端可以忽略。
文件
箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:50%;
顶部:50%;
边境:1px solid # 000;
背景:红色;
转换:翻译(- 50%,- 50%);50%的一半大小
}
3和保证金:汽车在中间
文件
箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:0;
顶部:0;
权利:0;
底部:0;
边境:1px solid # 000;
背景:红色;
边界:自动的;自动的居中的。
}
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!