ningyang
侠客
侠客
  • 最后登录2025-03-07
  • 发帖数11
阅读:2970回复:0

[css]flex布局总结

楼主#
更多 发布于:2023-01-25 22:43
代码:
.box{
  display: flex;
}
行内样式flex布局:
.box{
  display: inline-flex;
}
Webkit内核的浏览器,必须加上-webkit前缀:

.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}
以下六个属性设置在容器上:
  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content
以下6个属性设置在项目上。
  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self
游客


返回顶部

公众号

公众号