admin管理员组

文章数量:1794759

css flex和grid布局总结

css flex和grid布局总结

参考链接：css 网格布局 | 菜鸟教程

flex 布局语法教程 | 菜鸟教程

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。

CSS grid（网格）布局，是一个二维的基于网络的布局系统。

区别：flex是一维布局，grid是二维布局

 

 

Grid 属性值

flex

属性值：

容器上

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • alig

项目上

  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self

 

本文标签： 布局cssFlexgrid

版权声明：本文标题：css flex和grid布局总结 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686969140a123646.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。