块元素 display:block
1.我是块级元素,总是在新的一行开始
2.宽度,高度,行高,以及顶和底都可以控制。(默认是容器的宽和高的100%)
3.我的垂直相邻外边距会合并,默认取最大值
内联元素 display:inline
1.我是行内元素,和其他元素在同一行上。
2.宽度,高度,行高,以及顶和底都不可以改变。(默认是自身的宽和高)
3.我么有上下外边距,但是我的左右边距不会合并。
inline-block元素(介于内联元素和块元素之间)
1.我是inline-block元素,我是内联对象,但是我里面的内容作为块对象呈递。旁边的内联对象会被呈现在同一行。
2.宽度,高度,行高,以及顶和底都可以控制。
3.我和内联元素一样,元素中间默认会有空隙。
下一篇文章中会讲:如何去除内联元素(inline-block元素)之间的间距