问题描述首先我们来看一个需求场景:水平方向子元素之间的距离,以及子元素与父容器边框之间的距离需要实现如上图。平等的。实现的方式有很多种,这里要讨论的是:如何使用Flex布局简洁的实现?我这里使用的方法是:使用自动边距在主轴上对齐。Automaticmarginsarealignedonthemainaxis让我们先看看MDN对此的解释:...Automaticmarginstakesalltheextraspace-setautomaticleftandrightmarginsonablockwillcenterit.两边尽量占据空间,方块放在中间。这是有道理的:自动边距会平分整个剩余空间。我们试试这个方案,代码如下:
