导航/按钮 换行自适应屏幕宽度,边距不定,flex布局,最后一行会出现问题,如图
解决:flex+js
HTML
<nav class="subnav">
<ul>
<li class="about-us-nav-active">关于我们</li>
<li>关于我们</li>
<li>关于我们</li>
<li>关于我们</li>
<li>关于我们</li>
<li>关于我们</li>
<li>关于我们</li>
</ul>
</nav>
js
if($(".subnav li").length%3 != 0){
let num = 3-$(".subnav li").length%3;
let dom = "<li class='empty'></li>";
for (var i = 0;i<num;i++) {
$(".subnav>ul").append(dom);
}
}