CSS inline-block属性值，实例在线
inline-block属性值
CSS中inline-block是display属性的一个属性值，可以设置HTML元素为“行内块级”元素，即兼具行内元素和块级元素的一些特性，比如被设置为inline-block不但可以在行内显示——如果不添加换行符，可以与其它的行内元素在同一行内显示——而且，也可以像块级元素那样设置高度和宽度等层叠样式。
下面这个实例对比了行内元素和设置了inline-block属性值的元素的一些不同的地方：
<span style='width:50px;height:50px;border:1px solid skyblue'>abc</span>
<br>
<span style='width:50px;height:50px;border:1px solid skyblue;display:inline-block'>def</span>inline-block设计导航
网页的导航条一般可以通过无序列表来进行设计，但无序列表的列表项是块级元素，是垂直排列的，而不是水平，如果通过inline-block的设置，则将其设置为水平排列的样式，实例代码如下：
<div id='d1'>
<ul><li>CSS</li><li>HTML</li><li>JavaScript</li><li>Python</li><li>Golang</li></ul>
</div>
<style>
#d1{width:100%;height:50px;border:1px solid skyblue;}
#d1 ul{list-style:none; line-height:50px;}
#d1 ul li{display:inline-block;margin-right:10px;}
</style>