块集元素:宽度自动填满其父元素宽度,可以设置width,height属性。
行内元素:宽度随内容而变化,设置width,height属性无效。水平方向的padding-left、padding-right、margin-left、margin-right。会产生边距效果。竖直方向不会产生(即竖直方向的内外边距无效)。
行内元素和块集元素的转化:
display:inline 。转换为行内元素。对应不显示为 display:none
display:block 。转换为块集元素。对应不显示为 hidden
display:inline-block;行内的块集元素,集合了两大特性,可以设置长宽,margin和padding值,不独占一行,宽度不占满父元素,排在同一行里。
IE6和7上尚不支持,不过可以触发haslayout。
行内元素中的img,button,input自带inline-block属性。