DIV+CSS body页面居中代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DIV+CSS body页面居中代码相关的知识，希望对你有一定的参考价值。
html text-align:centerbody width:960px; margin:0 auto; text-align:left
使用方法：
不需要加任何多余容器，放置到CSS文件的第一行即可。可以兼容IE5.5以上的IE 及 其他浏览器。
代码解释：
width:960px; 这是目前主流网页的宽度，当然你也可以改成你自己感觉合适的，但是此宽度必须有。 text-align:left; 是为了还原html 中居中的文字。
该代码为最简单实用的代码了，用了包你成功！ 呵呵~ 其他都是浮云~
参考资料：blog.bashanren.com
参考技术A 最简单的方法就是 把你的body这样设置：<body style="text-align:center;">
<div style="margin:0px auto"></div>
</body>
注意：中间的那个div就是要居中的内容，这种房价浏览器都兼容。本回答被提问者采纳 参考技术B <div id="bigdiv">
假设这个bigdiv是你的大容器
</div>
-------------css------------:
body
text-align:center;
#bigdiv
width:992px;/*换成你的宽度*/
margin:0 auto;
另外,站长团上有产品团购,便宜有保证 参考技术C <!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=gb2312" />
<title>网站内容居中DIV+CSS</title>
<style type="text/css">
<!--
.yangshi
width: 500px;
height: 300px;
padding: 0px;
border: 1px solid #02CCFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #CEF5FF;
line-height: 300px;
font-size: 36px;
body
text-align: center;
margin: 0px;
padding: 0px;
-->
</style>
</head>
<body>
<div class="yangshi">网站内容</div>
</body>
</html> 参考技术D .div1margin:0 auto;
<body>
<div class="div1"></div>
</body>
以上是关于DIV+CSS body页面居中代码的主要内容，如果未能解决你的问题，请参考以下文章