1、font-family字体类型。可以同时声明多种字体，用逗号分隔开。 中文，楷体，需要双引号引起来。 h1{ `font-family`:'华文彩云' } p{ `font-family`：隶书,黑体,宋体; } <h1>设...

1、align-self属性定义flex子项单独在侧轴（纵轴）方向上的对齐方式。 2、align-self多了个auto（默认值），表示继承自flex容器的align-items属性值。 实例 .container{ /*定义flex容器*/ displ...

1、flex-basis定义了元素在分配剩余空间之前的默认大小。 2、默认值是auto，即自动。如果有设置width，占用空间就是width。如果没有设置，按照内容宽度。若同时设置width和flex-basis，则在渲染...

1、flex-shrink指的是当flex容器空间不足时候，单个元素的收缩比例。 2、不支持负值，默认值是1，也就是默认所有的flex子项都会收缩。如果设置为0，则表示不收缩，保持原始的宽度。 实例 //CSS...

1、flex-grow指扩展flex子项所占据的宽度，扩展的空间就是除去元素外剩余的空白间隙。 2、不支持负值，默认值是0，表示不占用剩余的空白间隙扩展自己的宽度。 如果flex-grow大于0，则flex容器剩...

1、flex-direction用来控制子项整体布局方向，是从左往右还是从右往左，是从上往下还是从下往上。 2、指定了内部元素是如何在flex容器中布局的，定义了主轴的方向(正方向或反方向)。 实例 .list...

1、order可以改变一个flex子项的排序位置。 2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活，那么order属性将毫无用处。 实例 <styletype="tex...

1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。 2、用于设置或者检索弹性盒模型对象的子元素排列方式。当多属性同时使用的时候，使用空格分隔。 实例 .flex-flow{ display:flex;...

1、flex-wrap属性规定灵活项目能否拆行或者拆列。 2、接受三个值，nowrap默认值、wrap宽度溢出则换行显示、wrap-reverse宽度溢出换行显示。 实例 display:flex; flex-direction:row; justify-co...

1、align-items中的items指的是flex 中的子项，因此align-items指的就是flex子项们相对于flex容器在垂直方向上的对齐方式。 2、适用于所有的flex容器，单行时候垂直居中使用align-items: center...