居中的有效性

1.margin:auto 水平居中只对block有效,对inline和inline-block都无效

2.text-align:center 内容居中对block和inline-block有效,对inline无效

3.水平内外边距对inline,inline-block,block元素都有效,垂直内外边距只对block和inline-block有效

4.内联元素使用clear没有效果,clear只支持块元素

 内联元素本身可以float

5.块级元素,postion定义为absolute,没有定义偏移,它所在的位置也会被后面的元素覆盖

  块级元素,postion定义为absolute,它的实际宽度会由内容决定(类似inline,但是其他属性,比如换行,可定义宽高跟    block元素一样)

  

内联元素也可以定义postion为absolute,此时内联元素可以定义宽高

下例中,第一个span定义宽度有效,第二个span定义的宽度无效,连个span会重叠

<body>
<div>It works!</div>

<span style="position: absolute;width: 300px;">fdafsdf</span>
<span style="width: 300px;">111111</span>
</body>

6.

猜你喜欢

转载自www.cnblogs.com/cowboybusy/p/10979399.html