【CSS】【display】css中的display属性

?display用于设置元素之间的布局方式, 它有以下几种取值:

  • none:不显示
  • block:块级元素,单独占据一行,可以设置宽高
  • inline:内联元素,不换行,无法设置宽高
  • inline-block:内联块级元素,不换行,但可以设置宽高
  • inherit:继承父容器的display属性
  • flex:弹性布局,元素在单个方向上连续排列,排满后可以切换到下一行
  • grid:网格布局,通过行列将容器分割为若干单元格,元素显示在单个或多个单元格内
  • flow-root:一个新的块级布局,在block的基础上进行了优化,解决了存在浮动元素时父容器的高度塌陷问题

?flex,grid和flow-root这三个新布局,我都有写博客详解,可以在搜索框里搜索下关键字

你可能感兴趣的:(javascript)