赞
踩
align-content属性是将flex子项作为一个整体起作用,它的基本单位是子项构成的行
只在两种情况下有效果:
①子项多行且flex容器高度固定
②子项单行,flex容器高度固定且设置了flex-wrap:wrap
主轴为 flex-deriction定义的方向,默认为row
交叉轴跟主轴垂直即为column,反之它们互调
align-content:只适用多行的flex容器(子项不止一行时该属性才有效果),它的作用是当flex容器在交叉轴上有多余的空间时,将子项作为一个整体(属性值为:flex-start、flex-end、center时)进行对齐。不同取值的效果如下所示:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。