Flex布局
2020-02-19 09:57:56 24 举报
AI智能生成
CSS Flex布局基本属性
作者其他创作
大纲/内容
Flex布局
Flex容器(flex container)
flex-direction(决定项目排列方向)
row | row-reverse | column | column-reverse
flex-wrap(定义如何换行)
nowrap | wrap | wrap-reverse
flex-flow(flex-direction和flex-wrap的简写形式)
flex-start | flex-end | center | space-between | space-around
align-items(定义项目在交叉轴上的对齐方式font color=\"#c41230\
flex-start | flex-end | center | baseline | stretch
align-content(定义多条轴线的对齐方式)
flex-start | flex-end | center | space-between | space-around | stretch
Flex项目(flex item)
order(定义项目的排列顺序)
order: <integer>;数值越小,排列越靠前,默认为0
flex-grow(定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大)
flex-shrink(定义项目的缩小比例,默认为1,即如果空间不足,该项目将缩小)
flex-basis(定义在分配多余空间之前,项目占据的主轴空间)
auto | flex-start | flex-end | center | baseline | stretch
0 条评论
回复 删除
下一页