<分区>
<分区>
我想对齐我的 <li>中心约<nav>我该怎么做 ？
有代码:
.html
<nav class="nav">
<ul>
<li>Home</li>
<li>About</li>
</ul>
</nav>
.css
.nav {
border: 2px solid;
}
.nav ul li{
border: 1px solid;
padding: 10px;
height: 30px;
width: 100px;
display: inline-block;
}
最佳答案
你只需要在 nav 上设置 text-align: center 并在 ul 上移除 padding-left
.nav {
border: 2px solid;
text-align: center;
}
ul {
padding-left: 0;
}
.nav ul li {
border: 1px solid;
padding: 10px;
height: 30px;
width: 100px;
display: inline-block;
}<nav class="nav">
<ul>
<li>Home</li>
<li>About</li>
</ul>
</nav>关于html - 当 <ul> 内部和 <nav> 内部时，如何对齐 <li> 中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40973458/