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）

div 居中实例 CSS5

body{
 text-align:center}

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




body设置装备摆设模式居中

对此div设置装备摆设构造居中

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

2、div实现居中实例截图

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

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！