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：将对象呈递为内联对象，但是对象的内容作为块对象呈递。
旁边的内联对象会被呈递在同一行内，允许空格。