DIV+CSS body页面居中代码
8个回答
展开全部
html { text-align:center }
body { width:960px; margin:0 auto; text-align:left }
使用方法：
不需要加任何多余容器，放置到CSS文件的第一行即可。可以兼容IE5.5以上的IE 及 其他浏览器。
代码解释：
width:960px; 这是目前主流网页的宽度，当然你也可以改成你自己感觉合适的，但是此宽度必须有。 text-align:left; 是为了还原html 中居中的文字。
该代码为最简单实用的代码了，用了包你成功！ 呵呵~ 其他都是浮云~
body { width:960px; margin:0 auto; text-align:left }
使用方法：
不需要加任何多余容器，放置到CSS文件的第一行即可。可以兼容IE5.5以上的IE 及 其他浏览器。
代码解释：
width:960px; 这是目前主流网页的宽度，当然你也可以改成你自己感觉合适的，但是此宽度必须有。 text-align:left; 是为了还原html 中居中的文字。
该代码为最简单实用的代码了，用了包你成功！ 呵呵~ 其他都是浮云~
参考资料： blog.bashanren.com
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最简单的方法就是 把你的body这样设置：
<body style="text-align:center;">
<div style="margin:0px auto"></div>
</body>
注意：中间的那个div就是要居中的内容，这种房价浏览器都兼容。
<body style="text-align:center;">
<div style="margin:0px auto"></div>
</body>
注意：中间的那个div就是要居中的内容，这种房价浏览器都兼容。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="bigdiv">
假设这个bigdiv是你的大容器
</div>
-------------css------------:
body{
text-align:center;
}
#bigdiv{
width:992px;/*换成你的宽度*/
margin:0 auto;
}
另外,站长团上有产品团购,便宜有保证
假设这个bigdiv是你的大容器
</div>
-------------css------------:
body{
text-align:center;
}
#bigdiv{
width:992px;/*换成你的宽度*/
margin:0 auto;
}
另外,站长团上有产品团购,便宜有保证
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.div1{margin:0 auto;}
<body>
<div class="div1"></div>
</body>
<body>
<div class="div1"></div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
