block、inline、inline-block的区别

block可以是行内元素变成块级元素。并且拥有块级元素的特点:

1、单独占满父元素的一行;

2、可以对height和width属性进行设置;

3、可以设置margin和padding的值。

inline可以将块级元素变为行内元素,并拥有行内元素具有的特点:

1、不会单独占据一行,对个行内元素可以都在一行,只有一行排列不下了才会另起一行;

2、height和width属性对齐无效,是由行内元素内容决定的;

3、对于margin和padding只有水平方向才会产生效果,竖直方向不会产生效果。

inline-block可以元素具有行内元素和块级元素的特点。

原文地址:https://www.cnblogs.com/you-are-the-one/p/4854764.html