CSS中 行内元素 与块元素的区别？

W3CSHOOL中，display属性规定元素生成框的类型：

=inline时，行内元素：

1.不会独占一行,元素在同一水平线上布局；

2.不能设置宽高，相邻的行内元素会排列在同一行里,直到一行排不下才会换行,其宽度随元素的内容而变化。若要控制宽高，可以改变元素的布局级别（即设置display值）；

3.行内元素的margin和padding属性可在水平方向产生边距效果，垂直方向无效；

=block时，块元素：

1.垂直方向布局 前后有换行符 独占一行；

2.可设置宽高，默认情况下,其宽度自动填满其父元素宽度；

3.块级元素可以设置margin和padding属性；

=inline-bolck时, 行内块元素（CSS2.1新增）

1.将对象呈现为inline对象，对象内容作为block对象呈现，之后的内联对象会排列在同一行内。使其既具有block高宽度特性，又有inline同行特性