CSS margin:0 auto介绍

来源:互联网 发布:小米软件系统 编辑:程序博客网 时间:2024/06/05 18:37

原文地址:http://www.divcss5.com/rumen/r773.shtml


一、CSS margin认识   -   TOP

margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后,在DW软件里即可看出margin设置值其实是在边框外距离,此样式设置对象(DIV)之间间距的样式。

详细介绍见:margin教程

二、margin:0 auto作用语法   -   TOP

1、margin:0 auto介绍
margin:0 auto 设置对象上下间距为0,左右自动。
可拆分: margin:0 auto 0 auto(上下)
还可拆分为:margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;

margin样式使用效果
margin使用效果截图

2、作用
对DIV设置margin:0 auto样式,是为了让DIV在浏览器中水平居中。布局居中、水平居中,均加入margin:0 auto即可。


原创粉丝点击