block:
1、默认情况下,block宽度会填满父容器的宽度。
2、block可以设置高宽。
3、block可以设置padding,margin
inline:
1、多个相邻的行内元素排在一行,直到一列排不下才会换行,其宽度随元素的内容而变化。
2、inline设置高宽无效。
3、inline元素水平方向的padding,margin产生边距效果,竖直方向不会产生边距效果。
inline-block
将对象呈现为inline对象,但是对象的内容作为bloack对象呈现。以后的内联对象会排列在同一行。
1、默认情况下,block宽度会填满父容器的宽度。
2、block可以设置高宽。
3、block可以设置padding,margin
inline:
1、多个相邻的行内元素排在一行,直到一列排不下才会换行,其宽度随元素的内容而变化。
2、inline设置高宽无效。
3、inline元素水平方向的padding,margin产生边距效果,竖直方向不会产生边距效果。
inline-block
将对象呈现为inline对象,但是对象的内容作为bloack对象呈现。以后的内联对象会排列在同一行。