搜索

css中flex布局怎么理解？

css html5

请问css中flex布局怎么理解？有没有例子

网友回复

1.控制轴方向的方法

display: flex;默认沿着X轴排列

如何方块堆满容器大于容器宽度。会自动压缩

flex-direction决定主轴方向（X轴）

属性值：4个

1：flex-direction: row 默认主轴从左到右，左起点

2：flex-direction: row-reveres 默认主轴从右向左，右起点

3：flex-direction:column 默认纵轴（Y轴），从上到下

4：flex-direction:column-reverse 默认纵轴（Y轴），从下到上

总结：flex-direction 控制轴的四个属性值

左起 row（因为display：flex默认就是row所以不用这个）

右起 row-reverse

上起 column

下起 column-reverse

2.控制换行的方法

flex-wrap 方法如下三个值

1.fl...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问