欢迎来到计算机相关教程网!

CSS

当前位置: 主页 > 网页制作 > CSS

flex中的align-content和align-items的区别

时间:2022-10-13 21:45:27|栏目:CSS|点击:

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时)进行对齐。


上一篇:animation steps属性的解释说明

栏    目:CSS

下一篇:flex布局中,align-content和align-items居中的区别

本文标题:flex中的align-content和align-items的区别

本文地址:http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=256

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:8044517 | 邮箱:8044517@qq.com

Copyright © 2022-2025 计算机相关教程网 版权所有冀ICP备17010187号