html5 - 不烦恼

CSS设置块元素水平垂直居中

作者：不烦恼发布时间：August 24, 2011 分类：开心上网评论：6

很简单，但用的时候总是想不起来：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS设置块元素水平垂直居中</title>
<style type="text/css">
#cm
{
height:200px;
width:400px;
margin:-100px 0px 0px -200px;
padding:0;
position:absolute;
top: 50%;
left: 50%;
}
</style>
</head>
<body>
<header>
  <hgroup>
  </hgroup>
  <nav>
  </nav>
</header>
<section>
  <div id="cm">
    <p>CSS设置块元素水平垂直居中</p>
  </div>
</section>
<aside>
</aside>
<footer>
</footer>
</body>
</html>

不烦恼

CSS设置块元素水平垂直居中

最新

随机

热评

推荐

最新评论

最新留言

热门话题

访客足迹

广而告之

其它功能