在某些情况下,margin: auto;可以使元素在水平方向上居中,但它通常不能使元素在垂直方向上居中。 水平居中:当display属性设置为block(或inline-block)的元素在其父元素中有足够的空间时,margin: auto;可以使元素在水平方向上居中。这是因为auto值会使浏览器将可用空间平均分配给margin-left和margin-right,从而使元素...
在某些情况下，margin:auto 只能使元素在水平方向上居中。但大多数情况下，这个方法无法实现元素的垂直居中。浏览器通常不会将可用空间分配给 margin-top 和 margin-bottom，这意味着 margin:auto 不能在垂直方向上居中元素。当元素的 display 属性设置为 block 或 inline-block，且元素及其父元素有足够的...
说了半天,margin:0 atuo;不起作用,不能居中的话,看看你的文档最顶端有没有声明DOCTYPE,没有就复制粘贴一下,就可以了。 还有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的现实效果有时间还不一样,其原因可能在于设置了margin-top的高度不为0时,会出现意想不到的效果。
1:没有设置宽度。margin:0 auto居中是要设置宽度滴。 2:没声明DOCTYPE: DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分!当然现在很多web编辑器都会自动声明doctype。(不要告诉我你还在用文本编辑器。。。) 3...
1 1、意思不同。margin:auto=margin:auto auto auto auto，表示上下左右都为auto；margin:0 auto=margin:0 auto 0 auto，表示上下为0，左右为auto；2、居中方式不同。margin:auto表示横竖都居中，margin: 0 auto表示横居中，竖不居中；margin后面一般会跟4个参数，如margin:1px、1px、1px、1px，分别表示上外...
7 IE8下input[button | submit] 设置margin:auto无法居中bug： 发生场合：ie8下，如果给像button这样的标签(如button input[type="button"] input[type="submit"])设置{ display: block; margin:0 auto; }如果不设置宽度的话无法居中。 解决方法：可以给为input加上宽度 原理分析：IE8浏览器...
一、使用 margin:auto当元素有给定的高度以及宽度的时候，使用 margin: auto; 元素仅会水平居中，并不会进行垂直居中。此时就需要设置元素的 position 为 absolute，父级元素的 position 为 relative，同时元素的上下左右都需要设置为 0。HTML 代码 CSS 代码.box{ width: 200px; height: 200px; background-...
先看margin，margin有4个值：margin:10px 11px 9px 8px; ，按顺序分别代表对象与父容器的上、右、下、左的距离值为10px,11px,9px,8px。如果只写两个值：margin:10px 5px; ，表示对象与父容器的上下距离值都是10px，与左右的距离值都是5px。那么这时候我们来看margin:0 auto; ，这个就...