space-around 和 space-evenly 的区别

在使用flex布局中遇到的，需要各元素间的间隔相等

首先想到了space-around显然达不到效果，于是想到了space-evenly；
space-evenly，flex 元素之间和 flex 元素和容器的空间总是相等的，space-around，只有 flex 元素之间的空间是相等的，第一个 flex 元素和最后一个 flex 元素和容器的空间是 flex 元素间空间的一 半。参考下图了解区别。


image.png

更多更详细的flex布局知识推荐：阮一峰的flex布局教程

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容