css3垂直居中水平居中,css3 重复样式提取,css3 cur指针不显示,CSS3常见布局形式有哪些,CSS3菜单缩放,CSS3创建动画特效
CSS3 inline-block是一种CSS属性，它允许元素呈现为内联元素和块级元素的混合体，使得元素既可以像内联元素那样排列在一行中，又可以像块级元素那样具有宽度、高度和margin等特性。

要将一个元素设为inline-block，需要设置其display属性为inline-block。例如：


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


上面的代码会创建一个红色的正方形块，宽度和高度都为100像素，并且会被当作内联元素来显示。这意味着多个该元素可以放在同一行上，而不必使用浮动或者显式地设置元素宽度。

下面是另一个例子，其中的两个inline-block元素被放置在同一行上：


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


以上代码会创建一个横向的红蓝相间的正方形块组成的行。这些元素既具备了块级元素的宽高属性，又保留了内联元素的排列特性。