CSS display: inline block inline-block的区别

display:block：将元素显示为块级元素

总是从新行开始

高度宽度边距都可以设置

宽度默认是容器的100%，可以设置

如：

<div>, <p>, <h1>, <form>, <ul> 和 <li>

display:inline：就是将元素显示为行内元素

和其他元素都在一行上

高度宽度、顶和底边距不可改变

宽度就是它的文字或图片的宽度，不可设置

如：

<span>, <a>, <label>, <input>, <img>, <strong> 和<em>

display:inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。

旁边的内联对象会被呈递在同一行内，允许空格。