html - 自己的菜单栏 - 一行中只有一个

Question

在我的网站上工作可以配置为移动设备，这样菜单就是我的类别彼此相邻，因此我希望它们本身有一条线，这样您就不需要小心您检查的内容。

你可以在我的网站上看到它。

CSS：

ul.menu {
  padding: 10px;
  line-height: 30px;
  background-color: #002855;
}
ul.menu li {
  width: 98px;
}

HTML：

<ul class="menu">
    <li><a href="/">Forside</a></li>
    <li><a href="/mandskab/">Mandskab</a></li>
    <li><a href="/nyheder/">Nyheder</a></li>
    <li><a href="/koretojer/">Køretøjer</a></li>
    <li><a href="/galleri/">Galleri</a></li>
    <li><a href="/kontakt/">Kontakt</a></li>
    <li><a href="/login/">Log ind</a></li>
</ul>

Answer 1

是的，您只需在针对您的网站的针对移动设备的媒体查询中将样式更改display:inline为display:block内部，以使每个列表元素都位于新行上。ul.menu li