DIV水平垂直居中显示:
将left和top设置为50%来定位div到浏览器中央,再将margin-left和margin-top值设置为宽和高的一半,使div居中显示。示例如下:
.ssss{
position:absolute;
width:600px;
height:200px;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-100px;
border: solid 5px red;
} html语句为:<div class="ssss">abcdefghijklmnopqrstuvwxyz</div>
本文介绍了一种使用绝对定位和margin属性实现DIV元素在页面上水平垂直居中的方法。通过设置left和top属性为50%,再利用负margin抵消一半的宽高,实现了简单而有效的居中效果。
622

被折叠的 条评论
为什么被折叠?



