在最后一项元素使用样式： ...

，让最后一个右对齐，就给最后一个按钮样式加上：margin-left: auto; ...

　　 　　在做一个列表的时候，单个Flex容器内有三个内联的靠右对齐的按钮，效果如图： 　　而我想让红色按钮靠左，而另外两个蓝色按钮保持靠右 　　方法A： 　　为红色按钮单独加上：flex: 1 　　此效果的原理是：利用flex:1，动态填充宽度 ...

首先父元素肯定时先使用弹性布局，并设置wrap属性使其自动折行 首先使用弹性布局对子元素进行平均划分，使他们的高宽相等可以，然后设置text-align进行右对齐即可（注意：子元素的内容范围不能超出平均分配的空间） ...

...

使用flex布局，两端对齐(以一行四个为例)： .box{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .box ...

*重点在给外层的盒子加after ...

主要代码： 父： 子： ...