html - 通过css在Wordpress中拆分菜单并重新排序右侧部分

Question

我想知道是否有更优雅的方式来执行以下操作。

基本上，我有一个由 Wordpress 输出的标准水平主菜单。我想做的是向左浮动一半，向右浮动一半，并在中间放一个标志。为此，我为每个 li 附加了一个自定义类（通过 wordpress 菜单面板），如下所示。

    .menu-li-left {
    float: left;
    }

   .menu-li-right {
    float: right;
    }

但是，右侧当然是相反的顺序。为了捏造它，我已经使用类似“right: -9% and right: 9%”之类的东西对每个菜单项重新排序（我在右侧只有 3 个菜单项）。它似乎可以工作，甚至反应灵敏，但这不是很优雅。

任何人都可以通过 CSS 提出一个更优雅的解决方案，我应该尝试一下，还是仅靠 CSS 是不可能的？

谢谢

score 0 · Accepted Answer

好的，我认为最好的解决方案是简单地添加自定义类以填充图像左侧和右侧的 li 元素。很简单。我一直想着只是在左右浮动 li 。

为了将 UL 定位在包含浮动元素的中心，下面的帖子非常有帮助。

1 回答 1