CSS： FLEX LAYOUT , 弹性布局 - Githubissues

Mardanjan / Blog

学习笔记（在issues里），一些小demo的源码在这里，demo在线地址会持续更新

1 stars 0 forks source link

CSS： FLEX LAYOUT , 弹性布局 #16

Open Mardanjan opened 4 years ago

Mardanjan commented 4 years ago

容器的属性

flex-direction: 决定主轴的方向 row | row-reverse | column | column-reverse
flex-wrap: 子项目容不下一行的时候是否换号 nowrap | wrap 第一行在上方 | wrap-reverse 第一行在下方
flex-flow：是flex-direction和flex-wrap属性的间歇形式，默认值：row nowrap
justify-content:决定子项目在主轴上的对齐方式，flex-start | flex-end | center | space-between两段对齐，项目之间的间隔都相等 | space-around 每个项目两侧的间隔相等
align-items:决定交叉轴上如何对齐， ... | baseline项目的第一行文字的基准线
项目的属性
order
flex-grow：定义项目的放大比例，默认为0
flex-shrink：定义项目的缩放比例
flex-basis
flex：前三者的缩写