如何使用 wp_nav_menu() 将子类别拆分为列？

Question

我有一个导航菜单，它使用 Wordpress 的 wp_nav_menu() 函数首先在下拉子菜单中将父类别和所有子类别呈现到该类别。标记如下所示：

<li id="menu-item-256" class="category-electronics menu-item menu-item-type-taxonomy menu-item-object-category">
    <a class="expander-btn" href="#">
    <div class="drop-down">
        <div class="arrow left"></div>
        <ul class="sub-menu">
            <li id="menu-item-272" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-271" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-270" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-269" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-268" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-267" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-266" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-265" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-264" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-263" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-262" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-261" class="menu-item menu-item-type-taxonomy menu-item-object-category">
        </ul>
    </div>
</li>

我希望能够将子类别分成几列（每列有 5 或 6 个链接），但我真的不知道如何去做。我现在已经花了将近 30 个小时来解决这个问题，所以任何想法都将不胜感激。提前致谢！

Answer 1

您始终可以使用http://codex.wordpress.org/Function_Reference/wp_nav_menu#Using_a_Custom_Walker_Function 为您想要的任意多列设置一个体面的 HTML 标记。

还有另一种可能的解决方案，即仅使用 CSS。只需将宽度放在<ul> 和<li> 的宽度上（<ul> 的宽度应该是<li> 的两倍）并在里面浮动<li> 元素。

• 第一列中的第一个<li>
• 第二列第二个<li>
• 第一列第三个<li>
• 等