在x-amount list-items之后自动在新列中继续

Question

我正在创建一个网站，我需要有一个3列的项目列表。该列表应该成为一个按字母顺序显示21个项目的wp_nav，因此它应该能够自己创建新列（ul）。

它目前看起来像下面的代码，但由于wordpress将加载wp_nav，我无法弄清楚如何动态地实现这一点。有没有办法使用jquery或php来做到这一点？

    <nav>
        <ul>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
        </ul>
        <ul>
            <li>Item</li>
            (+6) ...
        </ul>
        <ul>
            <li>Item</li>
            (+6) ...
        </ul>
    </nav>

我在想的是：n-child-thing，或者是php计数器。