align-content 与 align-items 区别

2019-03-04 09:53:57来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

align-content 和 align-items  :

1:共同点:它们对齐方向为交叉轴

2:不同点:align-content 应用于为 多行   而 align-items:应用于单行。

单行对齐例子:

display: flex;
justify-content: space-around;
align-items: center;

多行对齐例子

display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;

 


原文链接:https://www.cnblogs.com/whnba/p/10464792.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:阿里巴巴矢量图标库(Iconfont)-利于UI和前端的搭配

下一篇:flex-骰子布局