刚接触时，感觉 align-items 就是 align-content 的强化版。一个支持单行，同时支持多行；另一个只支持多行。但是并不符合常理，对比之后发现还是有些没有被描述清楚的差异。
定义还不知道的，出门左转 MDN，随便浪。
此布局值为 flex-end
多行容器之：align-items
以每一行为单位，行下对齐
多行容器之：align-content
以整个容器为单位，容器下对齐
参考：萤火虫塔莉
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
flex布局中的align-items和align-content的区别
flex布局中 align-content 和align-items的区别
align-items和align-content的区别
align-items和align-content的区别
align-content和align-items的区别
关于align-items和align-content的区别和使用场景
微信小程序-flex布局中align-items和align-self区别
重新总结flex布局（flex，flex-direction，justify-content，align-items，flex-wrap，align-self）
flex布局（flex-warp 设置子元素是否换行 align-items设置侧轴上的子元素排列方式（单行） align-content（多行）flex-flow是flex-direction和flex-wrap的复合写法）
flex布局justify-content属性和align-items属性设置