CSS对齐导航栏
示例
水平对齐的导航（菜单）栏包含一些应该对齐的项目。容器中的第一个（左）项目没有左边距，容器中的最后一个（右）项目没有右边距。项目之间的距离是相等的，与单个项目的宽度无关。
的HTML
<nav> <ul> <li>abc</li> <li>abcdefghijkl</li> <li>abcdef</li> </ul> </nav>
的CSS
nav {
width: 100%;
line-height: 1.4em;
}
ul {
list-style: none;
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: justify;
margin-bottom: -1.4em;
}
ul:after {
content: "";
display: inline-block;
width: 100%;
}
li {
display: inline-block;
}
笔记
的nav，ul并且li标签被选择为他们的“导航（菜单）项的列表”语义。当然也可以使用其他标签。
所述:after伪元素引起的额外“行” ul，因此额外的，该块的空高度，推其他内容下来。这可以通过负数来解决，该负数margin-bottom必须具有与相同的幅度line-height（但为负数）。
如果页面变得太窄而无法容纳所有项目，则这些项目将中断到新行（从右开始），并在此行上进行调整。菜单的总高度将根据需要增加。
-
如何将导航栏项向右对齐？ 我想在右边登录和注册。但是我尝试的一切似乎都不起作用。
-
我试图将导航栏项目水平居中对齐，但它们向左对齐。 有人能帮忙吗？ 这是一个桌面问题-只是要明确，我有这个问题在桌面级别。 这是我目前的代码： 演示：https://jsfiddle.net/cjoasysz/
-
ul.horizontal { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } ul.horizontal li { float: left; padding: 0; margin: 0; background-image:none; } ul.horizontal
-
我在Bootstrap3导航方面有问题，我在左边、中间和右边都有一些内容。似乎没有导航中心的选项。 http://jsfiddle.net/29tQt/embedded/result/ 我正试图让标题为“中心”的链接位于页面的中心，我如何才能做到这一点？
-
我是新手。我看了很多关于同一件事的文章，尝试了很多不同的方法，但都没有运气…我想让徽标在左边，导航链接对齐到右边。到目前为止，我已经试过： 1.将ul（.navbar-nav）放置在具有flex-container类的div中，其中flex-direction：row-reverse； 2.将mr-auto类添加到ul（.navbar-nav） 3.将ml-auto类添加到ul（.navbar-n
-
问题内容： 我在浮动div中有一个img，但我不知道如何垂直居中。 垂直对齐：当然中间不起作用。 问题答案： 要在父元素中垂直对齐文本，并谨记的是一个内联元素等行为 类似 文本，你可以简单地设置到父元素： 。