html - 删除导航下拉列表中的分词符

Question

我尝试删除“Startseite”和“新闻”下方下拉列表中的数字之间的分隔符，无论我尝试什么，它总是换行

jsfiddle.net

我试过

#navigation nav #main-list li ul li

停止换行，但没有一个 css 换行函数对我有用

Answer 1

#navigation nav #main-list li ul {

    white-space: nowrap;
}

我注意到您的 CSS 可以简化:

• 避免*规则，they are expensive并将边距和填充重置为零困惑的默认值，这会损害可读性，除非您要为您使用的每个元素手动设置它们。
• 当浏览器窗口变窄时，您的菜单不起作用。
• float: left;水平堆叠元素现在已过时。考虑使用 display: inline-box相反，这还可以让您更好地控制外观，意味着您可以避免使用 clear .

• 即使是 float你不需要手册 <div class="clearer">不再使用 ::after改为伪元素:

  (container of floating elements)::after {
      display: block;
      content: " ";
      clear: both;
  }
  

• 你的 nav元素在这种情况下被浪费了。考虑更换您的 <div id="navigation">只有 <nav>并消除内部 <nav>元素。

• 你的 <div id="wrapper">在此示例中没有任何作用。此外，考虑将其替换为简单的 <section>元素，它使您的标记(稍微)更具语义。