display: inline-block什么意思

display: inline-block是CSS中的一种属性，它可以将元素呈现为内联元素和块级元素的混合体，同时保留块级元素的特性，例如可以设置宽度、高度、内边距和外边距等。inline-block元素会在同一行内排列，并且可以通过设置vertical-align属性来控制它们的垂直对齐方式。

以下是一个使用display: inline-block属性的示例，其中包含三个div元素，它们会在同一行内排列：

<div style="display: inline-block; width: 100px; height: 100px; background-color: red;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: green;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: blue;"></div>