flex布局实现横向滚动踩坑

代码很简单如下：

效果：一切正常

需求：当传的tab标题很少时，也要居中
于是，加上了justify-content: space-around;
看起来也正常：

当元素再次回到n个时：坑出现了

 你会发现justify-content: center;justify-content: space-evenly;都不行。

> 好了废话不多说，直接上解决方案：

方法1：动态类名

当tabs元素即li小于三个的时候才加上justify-content: space-around

方法2：给子类添加auto

ul删除justify-content

子类通过auto自适应两边距离

 margin: 0 auto;

 padding: 0 px2rem(11px);