求{margin:0px auto}让div居中的具体含义以及原理.

求{margin:0px auto}让div居中的具体含义以及原理.我一直不知其解,有高手愿意指导解释下吗??
有更细腻的解释吗?你说的好像我有点懂了,但是还是没有完全了解透彻.margin:上右下左,设定都是0.但是这个和auto有什么具体关联呢.可否打个详细的比方

不晓得你知不知道“盒子模型”。
如果不晓得,百度搜索就知道了。

auto就是“一样”的意思,如果是左右auto的话,意思就是:
这个 DIV 离 左边的距离 跟 右边的距离 是一样的。
margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-09-22
你了解auto就知道了

auto是让浏览器定义元素的margin...理论上是左右margin一样的数值

你左右都一样了...元素必然居中的是伐?

margin:上下 左右

你查CSS手册就知道了
第2个回答  2009-09-22
如果你想让一个DIV自动居中的话,你需要这样写..

{
margin-right: auto;
margin-left: auto;
}

如果是这样写呢,有点感觉代码繁杂,于是就可以简写成这样...

{margin:0 auto 0 auto;}

然后这样写呢,还是不够简化,于是,就变成你所问的这样了...

{margin:0 auto;}

顺便说一下,如果尺度是0的话,而已不用带单位的.
第3个回答  2009-09-22
其实是很简单的,你理解复杂了,就是居中
比如你设计页面,body不要设定宽度,body中有个div宽度是400px,你给他设置成magrin:0 auto;这个div就相对于他的父级(body)水平居中了,所以你在布局设计网页时,可以尽可能的用到这个代码,在某些情况下和text-align:center相同,但他的作用更大!

求{margin:0px auto}让div居中的具体含义以及原理.
auto就是“一样”的意思,如果是左右auto的话,意思就是:这个 DIV 离 左边的距离 跟 右边的距离 是一样的。margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。

DIV CSS中margin 0px auto什么意思
上下边距为0,左右边距自动。一般用于div居中。

为什么margin: 0 auto会让div居中
margin 可以有4个值,分别对应影响的方向是上,右,下,左, 2个值的时候,对应第一个值是 控制上下距离,第二个值是控制左右, 所以magrgin:0 auto, 就是上下距离为0,auto是自适应,这里指的是左右两个方向的距离一样,也就是说,不论你的宽度怎么变化,都是两个方向距离一样,形成居中...

DIV CSS中margin 0px auto什么意思
div+css中margin:0px auto,常用于让DIV布局居中作用。margin:0 auto 设置对象上下间距为0,左右自动。可拆分: margin:0 auto 0 auto(上下)还可拆分为:margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;

DIV CSS中margin 0px auto什么意思
一个元素的上下外边距为0,左右外边距自动产生,在ff、ch、op、sf等浏览器中,左右auto是拿来让这个元素横向居中的。ie中要在body上加text-align: center;元素才横向居中

DIV CSS中margin 0px auto什么意思
margin:0px auto代表对象上下间隔为0px,左右间隔根据对象宽度自适应。margin:0px auto简写:可以去掉0后面的px单位,一般CSS代码中如果值为0,那可以不用跟html长度单位。margin;0px auto或margin:0 auto作用:常用于让DIV布局居中,起到让布局居中作用。

DIV CSS中margin 0px auto什么意思
上下外边路为0,左右外边距为自动,但左右外边距是相等的!相当于这个div相对于父元素左右居中!

margin:0px auto; 这是的AUTO是啥意思?
auto的意思是页面左右空白自适应并且相等的意思。1、新建html文档,在body标签中添加一个div标签,然后在这个div标签中再添加一个div标签:2、为外div标签和内div标签各设置一个样式,这时默认情况下内div盒子在外div盒子的左上角:3、为内div标签设置样式“margin:0px auto; ”,这时内div盒子会在外...

margin: 0 auto 实现居中原理是什么?
理解居中布局的关键在于margin的巧妙运用。你知道吗?margin其实是一个四参数的属性,每个参数分别对应上、右、下、左的间距。当提到居中,margin: 0 auto<\/ 是个不容忽视的规则。这个简洁的语法背后隐藏着奥秘:0表示消除左右两侧的外边距,auto则自动分配剩余空间,从而使元素在水平方向上居中。换句话说...

怎么让div居中显示
“auto”指的是div标签左右的外边距,并且会根据浏览器窗口大小自动居中,这时就是完整的html和css代码:首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0 auto,这样即可让对应div水平居中。 实例讲解div居中代码应用,为了观察div居中效果,我们对div设置一个div命名为“....

相似回答