首页 > 其他 > 详细

Flex布局

时间:2020-04-04 23:26:11      阅读:72      评论:0      收藏:0      [点我收藏+]

序言

 

以下6个属性设置在容器上。

flex-direction 属性决定主轴的方向(即项目的排列方向)

flex-wrap 默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。

flex-flow 属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap

justify-content 属性定义了项目在主轴上的对齐方式。

align-items 属性定义项目在交叉轴上如何对齐。

align-content 属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。

 

 

资料

黑马2019pink老师Flex伸缩布局

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

Flex布局

原文:https://www.cnblogs.com/cnki/p/12634226.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!