CSS论坛 - Powered by Discuz! Board

标题: DIV+CSS body页面居中最简单代码是什么 [打印本页]

作者: 84uu 时间: 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

作者: 84uu 时间: 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 编辑 ]

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)