Posted on 2011-04-22 09:42
哈希 閱讀(160)
評論(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>