- 博客(9)
- 收藏
- 关注
RSS订阅原创 flex布局一个例子
利用flex-flow: column-reverse wrap-reverse;利用align-content: space-between;利用justify-content: center;
2023-03-07 20:42:27
47
原创 align-content属性
space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。stretch（默认值）：轴线占满整个交叉轴。利用align-content:center;flex-start：与交叉轴的起点对齐。flex-end：与交叉轴的终点对齐。center：与交叉轴的中点对齐。该属性可能取6个值。
2023-03-07 20:21:35
365
原创 flex-flow属性
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
2023-03-07 19:49:00
218
原创 flex-wrap属性
默认情况下，项目都排在一条线（又称”轴线”）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。（3）wrap-reverse：换行，第一行在下方。利用flex-direction: column;（1）nowrap（默认）：不换行。（2）wrap：换行，第一行在上方。利用flex-wrap: wrap;flex-wrap属性。
2023-03-07 19:43:10
569
原创 flex布局(order align-self)
3.align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。用align-self: flex-end;默认值为0，1往右移一个，-1往左移一个。
2023-03-07 19:31:22
60
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人