Posted on 2011-04-22 09:42
哈希 阅读(152)
评论(0) 编辑 收藏 所属分类:
CSS 代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML+CSS水平居中其实很简</title>
<style>
body,p{
padding:0px;
margin:0px;
padding-top:20px;
font-size:10pt;
font-family:"宋体";
}
.demo{
width:800px;
height:400px;
margin:0 auto;/*CSS才是水平居中全靠他了*/
border: 1px solid #999999;
}
p{
width:90%;
height:auto;
margin:20px 0px 0px 20px;}
</style>
</head>
<body>
<div class="demo">
<p>哈哈DIV水平居中了哦</p>
<p>margin:0 auto;/*CSS才是水平居中全靠他了*/ 你可以测试兼容目前的各种主流浏览器，如有不兼容现象欢迎留言讨论</p>
<p>CSS body,p{}是为了清理页面边距和各种浏览器的差异</p>
<p>当然，所谓HTML+CSS就是说所有的html标签都是可以使用的，不一定要是DIV。</p>
</div>
</body>
</html>