(自用面试题)display的属性值有哪些?其作用分别是什么?

147 阅读1分钟
  • none:元素不显示,并且会从文档流中移除,即不保留位置。
  • block:独占一行;可以设置width、height、margin、padding属性,宽度默认为父级宽度的100%;换行显示。
  • inline:相邻元素在一行上,一行可以显示多个;width、height直接设置无效,可以设置水平方向的margin、padding属性,不能设置垂直方向的margin、padding属性,宽度默认为其本身宽度;同行显示。
  • inline-block:相邻元素在一行上,一行可以显示多个,每个之间存在空白间隙;可以设置width、height、margin、padding属性,宽度默认为其本身宽度;同行显示。
  • list-item
  • table
  • inherit:从父元素继承display的属性值。