0

我有一个导航菜单，它使用 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 个小时在这方面无济于事，所以任何想法都将不胜感激。提前致谢！

4

1 回答 1

0

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

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

  • 第一个<li>在第一列
  • 第二<li>列中的第二个
  • <li>第一列中的第三个
  • 等等
于 2013-08-08T16:06:31.587 回答