‹‹ 上一主题 | 下一主题 ››
发新话题
打印

DIV+CSS body页面居中最简单代码是什么

84uu

正式CSS会员

Rank: 2
1# 大 中 小 发表于 2014-9-27 10:24  只看该作者

DIV+CSS body页面居中最简单代码是什么

最简单的方法就是  把你的body这样设置：

<body style="text-align:center;">
<div style="margin:0px auto"></div>
</body>

注意：中间的那个div就是要居中的内容，这种房价浏览器都兼容。
好像跟多兼容更好全面的div居中教程http://www.divcss5.com/rumen/r622.shtml

TOP

84uu

正式CSS会员

Rank: 2
2# 大 中 小 发表于 2014-9-27 10:26  只看该作者

div+css页面居中代码

普通div和html混写可以这样写，设置
text-align:center，
margin:0 auto

最简单的方法就是 把你的body这样设置：

<body style="text-align:center;">
<div style="margin:0px auto"></div>
</body>

或者直接设置css文件。在文件里面这样写

<style>
#content{ width:778px; margin:0 auto; text-align:center;}
</style>
<div id="content">看看是不是居中了</div>

全面的DIV居中代码：http://www.divcss5.com/rumen/r622.shtml

[ 本帖最后由 84uu 于 2014-9-27 10:27 编辑 ]

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题