flex+js 实现：自适屏幕宽度，item间隔均匀，最后一排左对齐排列

导航/按钮 换行自适应屏幕宽度，边距不定，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);
        }
    }