CSS里的Flex布局,flex属性详细教程

伪类&＃xff1a;

使用

成果

水平方向&＃xff1a;

垂直方向&＃xff1a;

弹性盒的好处(按比例缩放&＃xff09;

flex-grow:放大比例

flex-shrink:缩小比例

flex-basis:基本值&＃xff0c;最小缩小值

显示在一行&＃xff1a;

方法一&＃xff1a;给ui加上float:left

方法二&＃xff1a;给ul加display:flex

给ul加上flex后&＃xff0c;就显示在一行了&＃xff0c;原因是flex只对它的子类起作用。

成果&＃xff1a;