(自用面试题)display的block、inline、inline-block的区别是什么?

97 阅读1分钟
  • block
    独占一行;可以设置width、height、margin、padding属性,宽度默认为父级宽度的100%;换行显示。

  • inline
    相邻元素在一行上,一行可以显示多个;width、height直接设置无效,可以设置水平方向的margin、padding属性,不能设置垂直方向的margin、padding属性,宽度默认为其本身宽度;同行显示。

  • inline-block
    相邻元素在一行上,一行可以显示多个,每个之间存在空白间隙;可以设置width、height、margin、padding属性,宽度默认为其本身宽度;同行显示。