数码资讯
绝对定位单元的水平垂直中心(3种选择)
在中间1.css实现 缺点:需要事先知道单元的宽度和高度。 文件 箱{。 宽度:600px; 身高:400px; 位置:绝对; 左:50%;顶端:50%; 边境:1px solid # 000; 背景:红色; 边距:- 200px; / *一半高度 margin-left:随着改变; / *半宽度
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在中间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;
背景:红色;
边界:自动的;自动的居中的。
}
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!
缺点:需要事先知道单元的宽度和高度。
文件
箱{。
宽度: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;
背景:红色;
边界:自动的;自动的居中的。
}
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。