网页:absolute定位的div居中显示

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> 


你可能感兴趣的:(网页:absolute定位的div居中显示)