div 布局水平居中篇

div 机关程度居中篇

有的阅读器默许下div 居中的，但有的阅读器div靠左的，如何让DIV 机关居中呢？

枢纽DIV居中CSS代码：
margin:0 auto

记取不是margin:auto

div{margin:0 auto}

何等就大要让div居中。

运用css margin属性,值为“0 auto”(值代表上下间距为0 支配间距积极)虽然这里“0”笼统依照自己需求设置装备摆设需要数值。

为了兼容更好完美一点，需要对body配置一个模式居中（text-align:center）样式。再配置需要布局居中的div设置margin:0 auto 。

这里CSS5为大家显示一个div居中小实例，本实例采纳DIV CSS机关的实例，为了能看到div居中效果，咱们对对象设置一个css 宽和css 边框。

1、残缺源代码（包含CSS+HTML）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div 居中实例 CSS5</title>
<style>
body{ text-align:center}
#main{ margin:0 auto; width:300px; border:1px solid #00F}
</style>
</head>
<body>
<div id="main">
body设置装备摆设模式居中<br>
对此div设置装备摆设构造居中
</div>
</body>
</html>

以上css div实例源代码或是直接复制来实践操作把持实例中常识点。

2、div实现居中实例截图

布局出div居中实例截图
胜利构造出div居中实例截图

分外必要阐明：要是要让div 居中，那末margin:0 auto配置组织居中，就不克不及再配置float ，不然div就不会居中了。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r52693.shtml