现在的位置: 首页 > 综合 > 正文

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

2013年02月28日 ⁄ 综合 ⁄ 共 269字 ⁄ 字号 评论关闭

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> 

抱歉!评论已关闭.