页面居中显示

原创于 2009-03-02 09:23:46 发布 · 138 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #HTML

java web 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用CSS实现元素在页面上水平垂直居中的方法。通过设置绝对定位并调整外边距，可以使任意尺寸的内容块精确地居中显示。


//css
#wrap {    
  position: absolute;    
  width:500px;    
  height:200px;    
  left:50%;    
  top:50%;    
  margin-left:-250px; /*设置为宽度的一半*/   
  margin-top:-100px; /*设置为高度的一半*/   
}   
<div id="wrap">
<center>内容</center>
</div>