垂直导航栏的 CSS答案

【问题标题】：CSS for a vertical Navbar垂直导航栏的 CSS
【发布时间】：2018-08-05 12:24:55
【问题描述】：

尝试使用 CSS3 创建垂直导航栏。就像“Smokey Bones”网站使用的以下示例Smokey Bones

但是，我不能使用 Wordpress 网站或插件。我需要使用 HTML5/CSS3 来执行此操作，并且可以使用一些 javascript。有人知道我在哪里可以找到可用的垂直导航栏吗？我需要 CSS 代码。

请注意，简单的垂直链接列表不起作用。它也应该是响应式的。

【问题讨论】：

我想在 stackoverflow 寻求帮助之前。您应该先自己尝试，然后向我们展示您的所作所为。因此，我们可以帮助您并尝试调试您的代码。如果你不先尝试一些东西。人家不会帮你的。阅读 Gordon Zhy 的这篇文章 => medium.com/@gordon_zhu/…
我有 2 个不同的例子：两个都在工作。这是来自w3schools.com/howto/… 不幸的是，它只允许代码中包含 400 个字符：

标签： css navbar

【解决方案1】：

使用类似的 CSS

.mainNav li {
  display: block;
  text-align:center;
}

jsfiddle here

【讨论】：