flex中的align-content和align-items的区别
1、align-items是针对每一个子项起作用,它的基本单位是每一个子项,在所有情况下都有效果
2、align-content属性是将flex子项作为一个整体起作用,它的基本单位是子项构成的行
只在两种情况下有效果:
①子项多行且flex容器高度固定
②子项单行,flex容器高度固定且设置了flex-wrap:wrap
align-items:应用于flex容器,设置flex子项在每个flex行的交叉轴上的默认对齐方式。
align-content:只适用多行的flex容器(子项不止一行时该属性才有效果),它的作用是当flex容器在交叉轴上有多余的空间时,将子项作为一个整体(属性值为:flex-start、flex-end、center时)进行对齐。
栏 目:CSS
下一篇:flex布局中,align-content和align-items居中的区别
本文标题:flex中的align-content和align-items的区别
本文地址:http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=256
您可能感兴趣的文章
- 05-13精灵图
- 05-13flex布局
- 05-05css盒子模型详解
- 05-05flex布局中,align-content和align-items居中的区别
- 10-13flex中的align-content和align-items的区别
- 10-13animation steps属性的解释说明
- 10-06perspective用在父元素和子元素上的区别
- 10-06perspective和perspective-3d的区别详解
- 10-06transform-origin详解
- 10-05css中,vmin和vmax的用法。


阅读排行
推荐教程
- 10-06transform-origin详解
- 09-11animation打字效果案例
- 09-04css如何实现文字分散对齐
- 10-13flex中的align-content和align-items的区别
- 05-05css盒子模型详解
- 08-13网页常用配色方案
- 10-06perspective用在父元素和子元素上的区别
- 09-15css中的inherit用法详解
- 09-11animation地图案例
- 10-05css中,vmin和vmax的用法。