W3CSHOOL中,display属性规定元素生成框的类型:
=inline时,行内元素:
1.不会独占一行,元素在同一水平线上布局;
2.不能设置宽高,相邻的行内元素会排列在同一行里,直到一行排不下才会换行,其宽度随元素的内容而变化。若要控制宽高,可以改变元素的布局级别(即设置display值);
3.行内元素的margin和padding属性可在水平方向产生边距效果,垂直方向无效;
=block时,块元素:
1.垂直方向布局 前后有换行符 独占一行;
2.可设置宽高,默认情况下,其宽度自动填满其父元素宽度;
3.块级元素可以设置margin和padding属性;
=inline-bolck时, 行内块元素(CSS2.1新增)
1.将对象呈现为inline对象,对象内容作为block对象呈现,之后的内联对象会排列在同一行内。使其既具有block高宽度特性,又有inline同行特性