1. 被其他的样式覆盖 2. CSS语法错误 3. 浏览器不支持 4. 对象没有应用到样式
还有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的现实效果有时间还不一样,其原因可能在于设置了margin-top的高度不为0时,会出现意想不到的效果。
与其他一些display属性类型,table-cell同样会被其他一些css属性破坏,例如float, position: absolute, 所以,在使用display: table-cell 与 float:left或是position: absolute属性尽量不要同用。 设置了display: table-cell的元素对宽度高度敏感, 对margin值无反应,响应padding属性,基本上就是活脱脱的一个td标签元素了。
1:没有设置宽度。margin:0 auto居中是要设置宽度滴。 2:没声明DOCTYPE: DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分!当然现在很多web编辑器都会自动声明doctype。(不要告诉我你还在用文本编辑器。。。) 3...
发生margin合并时,改变绝对值较小的margin是无效的,除非改变后,它的绝对值最大,或者符号相反 绝对定位元素非定位方位的margin值“无效” .box {position: absolute;top: 10%;left: 30%;margin-right: 30px;} 此时right和bottom值属于auto状态,也就是右侧和底部没有进行定位,此时,这两个方向设置margin值我们在页...
margin: 20px auto 35px; width: 247px;display: inline-block;} 发现盒子无法父系居中。改成display: block后可以居中。 查询原因:根据网上说法 无论img是行内还是块级,margin-left/right都应该起作用,而top/bottom不起作用,但是相反的是,我使用inline-block时,上下起作用,左右不起作用。
在《打败IE的葵花宝典》里给出的方法是给block元素添加一个width能够解决，但根据本人亲测，加 with此种方法是无效的，如果没有Doctype即使给元素添加width也无法让block元素居中。 原理分析：缺少Doctype声明。7 IE8下input[button | submit] 设置margin:auto无法居中bug： 发生场合：ie8下，如果给像...
具体原因是,如果你设置了 left:0; right:0; 给元素,那么浏览器就会 尽可能 的去做到把这个元素的左定位和右定位满足0,如果不能满足,则按照 左上右下 的优先顺序来实现布局,那么如果 width 设置成了 auto,则宽度会被拉伸来满足定位,同理如果 margin 设置成为了 auto,则会自动填充外边距来达到布局的效果。 如...
在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0。左右依据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置width时,解释器不知道你的宽度,当然就不会居中。就会到左边去,所以设置width就好了。