display:inline,inline-block,block元素的区别

块元素 display:block

1.我是块级元素，总是在新的一行开始

2.宽度，高度，行高，以及顶和底都可以控制。（默认是容器的宽和高的100%）

3.我的垂直相邻外边距会合并，默认取最大值

内联元素 display:inline

1.我是行内元素，和其他元素在同一行上。

2.宽度，高度，行高，以及顶和底都不可以改变。（默认是自身的宽和高）

3.我么有上下外边距，但是我的左右边距不会合并。

inline-block元素（介于内联元素和块元素之间）

1.我是inline-block元素，我是内联对象，但是我里面的内容作为块对象呈递。旁边的内联对象会被呈现在同一行。

2.宽度，高度，行高，以及顶和底都可以控制。

3.我和内联元素一样，元素中间默认会有空隙。

下一篇文章中会讲：如何去除内联元素（inline-block元素）之间的间距