CSS：block、inline、inlineblock（五

display主要取值为：none,block,inline-block,flex等

display的block、inline和inline-block的区别：

block：

是块级元素，其前后都会有换行符，能设置宽度，高度，margin/padding 水平垂直方向都有效。

block 元素会独占一行，块级元素即使设置了宽度,仍然是独占一行。多个 block 元素会各自新起一行。

默认情况下，block 元素宽度自动填满其父元素宽度。

inline：

设置 width 和 height 无效，padding，margin 在竖直方向上无效，maigin,padding 在水平方向垂直方向都有效，能产生边距效果，前后无换行符

inli