css中易混淆属性：display:block,inline,inline-block

css中易混淆属性：display:block,inline,inline-block

块级元素，行内元素的了解

行内元素：标签无宽高属性，若都是行内元素可以在一行显示
块级元素：标签可以设置宽高，占据一行。

block,inline,inline-block

block:可以将行内元素设置为块级元素，即可以设置宽高，占据一行
inline:将块级元素变为行内元素，不能设置宽高，行内元素可以在一行展示
inline-block:顾名思义，具有块级元素可以设置宽高的属性，又具有行内元素可以在一行展示的特性。
注意：所谓在一行显示，即多个行内元素可以在一行展示，若出现块级元素，则块级元素是需要换行的。

下面的截图是将span标签设置为inline-block状态。

可见span标签获得宽高的属性，且还可以保持行内显示的特性。