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 条评论
回复 删除
下一页
