Fatal编程技术网
  • css/
  • Css 水平菜单调整项目的位置

Css 水平菜单调整项目的位置

css wordpress

Css 水平菜单调整项目的位置,css,wordpress,alignment,text-justify,Css,Wordpress,Alignment,Text Justify,上的菜单未按预期对齐 这可能是一个转载，虽然我已经阅读了所有以前的解决方案，这个问题。。。它现在正在打断我的大脑 我目前正在使用此CSS技术来证明菜单元素的合理性： <ul class="justified"><li>Element</li></ul> 元素 对CSS技巧（最后一种技巧）进行了解释。： <ul class="justified"><li>Element</li></ul> 我

上的菜单未按预期对齐

这可能是一个转载，虽然我已经阅读了所有以前的解决方案，这个问题。。。它现在正在打断我的大脑

我目前正在使用此CSS技术来证明菜单元素的合理性：

<ul class="justified"><li>Element</li></ul>

  • 元素

对CSS技巧（最后一种技巧）进行了解释。：

<ul class="justified"><li>Element</li></ul>

我一直在不同的网站上使用这个解决方案，现在我在Wordpress更新后遇到了这个问题。（升级后我第一次遇到主题问题）

谢谢你的帮助

更新#1

截至回答时，WordPress正在生成
    • 元素，而不使用空格分隔它们。这是一种奇怪的行为。。。我通过手动添加缺少的空格修复了这个问题

      $menu = wp_nav_menu($defaults);
  $menu = str_replace("</li><li", "</li> <li", $menu);

    $menu=wp\u nav\u menu（$defaults）；

    $menu=str_replace（文本对齐：对齐定位技巧要求标记中的子项之间有空格
    
在下面的示例中，它可以工作，因为
    • 标记之间有空格
    


    ul{
文本对齐：对齐；
填充：0；
}
李{
显示：内联块；
}
ul：之后{
内容：''；
显示：内联块；
宽度：100%；
}
    

      

    • 一,
      • 

    • 二,
      • 

    • 三,
      • 

    作为旁注，这里有一个更简单的现代方法-在您的情况下，看起来您只需要删除伪元素并添加回未注释的行。为什么不使用带百分比宽度的内联块和
    文本对齐：居中
    ？感谢您的评论，不幸的是，我的客户端浏览器似乎不支持Flex。这就是我使用“文本对齐：对齐”的原因“定位技巧。我仔细检查了代码，并比较了HTML和CSS标记，但没有看到这些。谢谢你。我发现使用
    wp\u nav\u menu
    生成Wordpress菜单删除
    • 元素之间的空白很奇怪。