谈情盒子

详细介绍H5弹性盒布局的使用(父容器属性)
JavaScript

详细介绍H5弹性盒布局的使用(父容器属性)

180 0

为父容器添加display:flex/inline-flex 父容器可以使用的属性有:1.flex-direction:决定主轴的方向有四个属性值:row(默认值):主轴为水平方向,起点在左端。row-reverse:主轴为水平方向,起点在右端。column:主轴为垂直方向,起点在上沿。column-reverse:主轴为垂直方向,起点在下沿。2.flex-wrap:如果一条轴线排不下,如何换行。有3个属性值:nowrap(默认):不换行。当父容器宽度不够时每个item会被适当挤压。wrap:换行,第一行