1、align-content可以看成是和justify-content是相似且对立的属性,是指垂直方向每一行 flex子项的对齐和分布方式。2、只适用于多行的flex容器,并且当…
1、justify-content属性决定了水平方向子项的对齐和分布方式。2、应用在弹性容器上,把弹性项沿着弹性容器的主轴线(main axis)对齐。该操作发生在弹性长度以及自动…
1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。2、用于设置或者检索弹性盒模型对象的子元素排列方式。当多属性同时使用的时候,使用空格分隔…
1、flex-wrap属性规定灵活项目能否拆行或者拆列。2、接受三个值,nowrap默认值、wrap宽度溢出则换行显示、wrap-reverse宽度溢出换行显示。实例display…
1、flex-direction用来控制子项整体布局方向,是从左往右还是从右往左,是从上往下还是从下往上。2、指定了内部元素是如何在flex容器中布局的,定义了主轴的方向(正方向或…
1、order可以改变一个flex子项的排序位置。2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活,那么order属性将毫无用处。实例 1…
1、flex-grow指扩展flex子项所占据的宽度,扩展的空间就是除去元素外剩余的空白间隙。2、不支持负值,默认值是0,表示不占用剩余的空白间隙扩展自己的宽度。如果flex-gr…
1、flex-basis定义了元素在分配剩余空间之前的默认大小。2、默认值是auto,即自动。如果有设置width,占用空间就是width。如果没有设置,按照内容宽度。若同时设置w…
1、align-self属性定义flex子项单独在侧轴(纵轴)方向上的对齐方式。2、align-self多了个auto(默认值),表示继承自flex容器的align-items属性…
1、缩进用四个空格。2、在每个声明块的左花括号之前添加一个空格。3、声明块的右花括号应单独设置。4、每个声明语句:之后插入一个空格,前面没有空格。5、所有的声明句子都以分号结束,不…