当前位置

首页 > IT科技 > flex布局有哪些属性

flex布局有哪些属性

推荐人: 来源: 秒知社 阅读: 6.92K 次
品牌型号:联想小新Pro13/系统版本:windows10

Flex的属性有flex-direction、flex-wrap、flex-flow、justify-content

flex-direction属性决定主轴的方向(即项目的排列方向)。

flex-wrap属性默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,应该如何换行。

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。

justify-content属性定义了项目在主轴上(即横向)的对齐方式。

Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。
 

flex布局有哪些属性