+
95
-

css中flex布局怎么理解?

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

网友回复

+
15
-

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%

我知道答案,我要回答