有人可以看到我要怎么做吗?我正在尝试将文本集中在使用CSS进行导航的按钮中。
#nav {
margin:20px 0 0 0;
}
#nav ul {
margin:0;
}
#nav li:first-child {
width:80px;
height:30px;
display:inline-block;
background-color:#8f00ae;
text-align:center;
}
#nav ul li a {
}
这是我的html。
<!-- Navigation Section -->
<div class="cl" id="nav">
<div class="menu-top_nav-container">
<ul id="menu-top_nav" class="menu">
<li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13">
<a href="http://localhost:8888/?cat=3">Features</a>
</li>
<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18">
<a href="http://localhost:8888/?cat=4">Noize Live</a>
</li>
</ul>
</div>
</div>
最佳答案
可能是因为导航正在浮动。因此,它不响应text-align:center;。如果不访问整个html和css表,则很困难,但是请尝试以下操作:
#nav li:first-child a
{
padding: 0 20px;
}
关于html - CSS:文字不会居中?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9683487/