求助网页导航条里的超链接文字不是横排

2020-06-18 06:11:44 301 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

精通CSS+DIV网页样式与布局--页面和浏览器元素精通CSS+DIV网页样式与布局--页面和浏览器元素阅读详情

HTml：<body>
<div class="nav">
<div class="public-width">
<div class="nav-logo">
<img src="img/logo.png" alt="">
</div>
<div class="nav-list">
<ul>
<li>
<a href="">首页</a>
</li>
</ul>
<ul>
<li>
<a href="">页2</a>
</li>
</ul>
<ul>
<li>
<a href="">页3</a>
</li>
</ul>
<ul>
<li>
<a href="">页4</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS：*{
margin: 0;
padding: 0;
}
body{
font-size: 16px;
color: #333;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
.nav{
width: 100%;
height: 80px;
box-shadow: 2px 3px 5px #ccc;
}
.public-width{
width: 1200px;
margin: auto;
}
.nav.public-width{
display: flex;
height: 80px;
justify-content: start;
align-items: center;
}
.nav-logo{
width: auto;
height: 60px;
}
.nav-logo img{
display: block;
width: auto;
height: 100%;
}
.nav-list {
margin-left: 30px;
height: 100%;
}
.nav-list ul{
display: flex;
height: 100%;
justify-content: start;

}
.nav-list ul li{
width: auto;
padding: 0 10px;
}
.nav-list ul li a{
color: #333;
}
是哪个环节出问题了

...全文