码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-09-19 16:05:19      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:描述   pac   targe   mil   tle   png   article   image   art   

刚接触时,感觉 align-items 就是 align-content 的强化版。一个支持单行,同时支持多行;另一个只支持多行。但是并不符合常理,对比之后发现还是有些没有被描述清楚的差异。

定义还不知道的,出门左转 MDN,随便浪。

此布局值为 flex-end

多行容器之:align-items

 技术图片

以每一行为单位,行下对齐

多行容器之:align-content

技术图片

以整个容器为单位,容器下对齐

参考:萤火虫塔莉

 

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

标签:描述   pac   targe   mil   tle   png   article   image   art   

原文地址:https://www.cnblogs.com/megamouthRen/p/11549967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!