display:block:将元素显示为块级元素
总是从新行开始
高度宽度边距都可以设置
宽度默认是容器的100%,可以设置
如:
<div>, <p>, <h1>, <form>, <ul> 和 <li>
display:inline:就是将元素显示为行内元素
和其他元素都在一行上
高度宽度、顶和底边距不可改变
宽度就是它的文字或图片的宽度,不可设置
如:
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>
display:inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。
旁边的内联对象会被呈递在同一行内,允许空格。