block、inline、inline-block区别

1,什么是块级元素

块级元素，可以理解它是一大块元素的集合，几乎都可以将元素打包，那么它的体积就要大，所以，块级元素占据整行，并且不允许其他元素与他共享一行。高、行高、宽度、顶和底边距都可控制。
常见的块级元素有：div 、p 、h1~h6、 table、 tr、 ul 、li、 dt、 dl 、form

2，什么是行内元素

行内元素，顾名思义，就是可以同行陈列的元素，它们只占自身宽度。但高、行高、宽度（就是自身宽度）、顶和底边距都可控制。

display：inline-block

将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。