CSS 中 block 、inline 、inline-block 的区别

block

块级元素特色：

一、每一个块级元素都重新的一行开始，而且其后的元素也另起一行。

二、元素的高度、宽度、行高以及顶和底边距均可设置。

三、元素宽度在不设置的状况下，是它自己父容器的100%（和父元素的宽度一致），除非设定一个宽度。

 

 

inline

内联元素特色：

一、和其余元素都在一行上；

二、元素的高度、宽度及顶部和底部边距不可设置；

三、元素的宽度就是它包含的文字或图片的宽度，不可改变。

 

 

inline-block

内联块状元素（inline-block）就是同时具有内联元素、块状元素的特色。

inline-block 元素特色：

一、和其余元素都在一行上；

二、元素的高度、宽度、行高以及顶和底边距均可设置。