导航菜单没有右对齐。请帮忙!
** HTML代码:**
<nav id="main">
<ul>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
** CSS 代码(不工作):**
nav#main li {
float: left;
text-decoration: none;
text-align: center;
}
我试过了,但是没用:
nav#main {
float: right;
}
最佳答案
尝试为您的导航项设置宽度或将其显示属性设置为内联 block 。它是一个 block 级元素,因此默认情况下它占据所有可用的水平空间。因此,如果它的宽度为 100%,您将看不到它对齐/ float 的位置。
nav#main {
display: inline-block;
}
或
nav#main {
width: 50% /*for example*/
}
关于html - 右对齐导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50056618/