flex布局 父元素常见属性
flex布局 父元素常见属性
flex-direction设置主轴方向:
1.主轴与侧轴
在flex布局中,分别为主轴和侧轴两个方向,或行列 或X轴Y轴
默认主轴方向是X轴,水平向右
默认侧轴方向是Y轴,水平向下
justify-conten 设置主轴上的子元素排列方式:
justify-content属性定义了项目在主轴上的对齐方式,我们需要在使用之前确定好主轴是哪个
flex-wrap:设置子元素是否换行
默认情况下,项目都排在一条线上(轴线),flex-wrap属性定义,flex布局中默认不换行
align-items 设置侧轴上的子元素排列方式(单行!!!)
该属性是控制子项在侧轴(默认是Y轴)上的排列方式,在子项为单项的时候使用。
align-content 设置侧轴上的子元素的排列方式(多行)
该属性设置子项在侧轴上的排列方式,并且只能用于子项出现换行的情况(多行!!!),在单行下没有效果
flex-flow
flex-flow 是flex-direction和flex-wrap的复合属性。
flex布局 父元素常见属性相关教程