绝对定位单元的水平垂直中心(3种选择)

绝对定位单元的水平垂直中心(3种选择)
在中间1.css实现

缺点:需要事先知道单元的宽度和高度。
文件

箱{。
宽度: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;
背景:红色;
边界:自动的;自动的居中的。
}

以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!

tag:单元选择绝对定位中心电脑软件

相关内容