导航条的字数不一致，如何均衡分布滚动

在上上一篇的时候，我写了关于导航条点击跳转到下一页，还有滚动到一定的位置会翻转到下一页，这个功能的思路就是新建数组，构造一个新的数组。在每一个li中我们都定死了一个宽度。原本我的头说，没事，你先定死一个宽度，到时间ui来设计就可以了。等到ui来，说，不行啊，不能每一个定死一个宽度啊。就这样，好，改。自己还是太菜了。

后来就讨论说，每一行我都规定5个li，每一次点击下一个，又是一个新的数组5个。可是，看过我上上篇的人就知道，我新建的数组刚开始是原来的数据，后来每一点击，移动5个。那他要是这样的话，我的数组就要改了。想了想，决定再建一个数组，一个数组专门放5个lli，一个数组是来变化原数组的。

那这样的话，我自动滚动到下一页变成这样的代码了

好，问题又来了，我一行5个，每一个的长度又不统一，那我如何均衡分布，用padding，有一些字多的就会超。
最后用到flex的布局，自适应