html - 之间的区别
解决方案
在ul
添加display: flex;
nav {
padding: 0;
width: 100%;
background: #262626;
overflow: hidden;
}
li a {
color: white !important;
text-align: center;
padding: 16px;
text-decoration: none;
}
li a:hover {
background-color: gray;
}
li {
list-style: none;
}
ul {
display: flex;
}
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</nav>
推荐阅读
- angular - 不使用表格元素但使用显示属性显示基于数组的表格
- database - 从 codeigniter 网站更新本地和 Web 数据库
- gremlin - AWS Neptune - gremlin 属性顺序
- php - 我的 Laravel 网站的元关键字问题
- ios - Firebase 控制台中未显示崩溃
- java - 在构造函数注释中使用 builder(lombok) 时出错
- xml - Header 和 Page1 之间有更多空间,但从 page2 开始是正确的
- html - 如何仅使用 CSS 使内容在滚动条下?
- ios - 未在新版本的 testflight 中显示内部测试人员的更新
- python - 限制scrapy爬虫的页面深度