这三个属性值是 CSS 中用于设置元素显示类型的，它们的区别如下：
-
inline属性值会让元素以行内元素的形式展现，元素在水平方向排列，不会另起一行，不过其高度和宽度可以调整。例如：<span>test</span> -
block属性值会让元素以块级元素的形式展现，元素会另起一行，围绕在它周围的文本也会在下方继续。该元素的宽度和高度可以设置。例如：<div>test</div> -
inline-block属性值会让元素呈现为行内块级元素，这意味着元素放置在同一行内，但它们表现得像块级元素一样具有调整宽度和高度的能力。例如：<span style="display:inline-block;">test</span>。
由于 inline-block 既有 inline 的排列方式又有 block 的盒子模型特征，所以很常用。