html5 居中布局,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)

body{ text-align:center}

#main{ margin:0 auto; width:300px; border:1px solid #00F}

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

2、div实现居中实例截图

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

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