电话
13363039260
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实例源代码或是直接复制来实践操作把持实例中常识点。
分外必要阐明:要是要让div 居中,那末margin:0 auto配置组织居中,就不克不及再配置float ,不然div就不会居中了。