当前位置: 首页 > 网络应用技术

最容易理解的CSS Flex布局(1)-07

时间:2023-03-08 19:02:02 网络应用技术

  Flex布局非常灵活,并且项目中有很多用途。大多数布局场景都可以与他一起实施。

  当使用Flex布局时,您必须了解他的一些基本概念,主轴和交叉轴。主轴已定义,另一个轴垂直于它。使用Flex的所有属性都与这两个轴有关。

  默认项目排列在一条线上(也称为“轴”)。flex包装属性定义,如果无法放出轴,则如何更改。

  属性和属性的缩写形式是row nowrap。

  定义了主轴上项目对齐的方法。

  如何对齐侧轴上的属性定义项目(一行)。

  定义多个轴的对齐方法。如果项目仅是一行,则属性不起作用(Multi -line)