怎样探究CSS display中inline|block|inline-block差异

这篇文章给大家介绍怎样探究CSS display中inline|block|inline-block差异，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

向大家描述一下CSS display:inline|block|inline-block三属性的区别和联系，block就是将元素显示为块级元素，inline就是将元素显示为行内元素，CSS display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

详解CSS display:inline|block|inline-block的区别

◆CSS display:block

CSS display:block就是将元素显示为块级元素.

block元素的特点是：

总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度