1:没有设置宽度。margin:0 auto居中是要设置宽度滴。 2:没声明DOCTYPE: DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分!当然现在很多web编辑器都会自动声明doctype。(不要告诉我你还在用文本编辑器。。。) 3...
解决:margin:0 auto;生效,需要一定的前提条件。 1 两者是块元素,即 display: block; 2 父元素需要有宽度,即 width: x px; 3 在有前两者的前提下,设置 margin: 0 auto;即可实现居中。 小结:问题出现的原因是,没有给A元素设置宽度。给A元素加上宽度后,B元素就可以居中了。
与其他一些display属性类型,table-cell同样会被其他一些css属性破坏,例如float, position: absolute, 所以,在使用display: table-cell 与 float:left或是position: absolute属性尽量不要同用。 设置了display: table-cell的元素对宽度高度敏感, 对margin值无反应,响应padding属性,基本上就是活脱脱的一个td标签元素了。
①所有元素也可以通过对父元素设置text-align:center;的方式来实现居中。(而对于块元素来说,对要居中的元素自身进行设置text-align:center也能实现居中——而无需对其父元素进行设置)②margin:0 auto;可以使盒子居中,text-align:center;可以使文本居中,故有时需要两者结合使用才能使得盒子及其中文本一起居中。
虽然里面的图片居中了,但是,margin:0 auto 对div#main不起作用了,原因是什么?display:table-cell; 干的好事?
具体原因是,如果你设置了 left:0; right:0; 给元素,那么浏览器就会 尽可能 的去做到把这个元素的左定位和右定位满足0,如果不能满足,则按照 左上右下 的优先顺序来实现布局,那么如果 width 设置成了 auto,则宽度会被拉伸来满足定位,同理如果 margin 设置成为了 auto,则会自动填充外边距来达到布局的效果。 如...
“margin:0auto;”对于inline-block不起作用。 即使可以首先使用数值指定“inline-block”,使用“margin:0auto;”居中也不起作用。 “text-align:center;”不会使父元素成为选择器 “text-align:center;”的基本规则是“selector是父元素”。在上面的示例中,如果要将其居中,则必须创建父元素。
The margin:0 auto; is not doing anything. I added margin:0 auto; to content h2 and it started to work. Its hard for me to explain it since I don't understand it fully yet. I got this: content { width:auto; max-width:1360px; margin:0 auto; } content h2 { width:auto; max-...
margin: 0 auto; margin-top: 100px; margin-bottom: 200px; } .footer{ width: 1600px; height: 200px; background: black; position: fixed; bottom: 0; left: 10%; } .footer ul{text-align: center;} .footer ul li{ list-style: none; color: white; display: inline; font-size: 40px;...