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

Question

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

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

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

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

不过，右边当然是倒序了。为了捏造它，我测试了使用类似“右:-9% 和右:9%”的东西来重新排序每个菜单项(我在右侧只有 3 个菜单项)。它似乎可以工作，甚至可以响应，但这不是很优雅。

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

谢谢

Answer 1

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

对于将 UL 定位在包含 float 元素的中心，下面的帖子非常有帮助。

How do I center align horizontal <UL> menu?