我有以下HTML,我试图在span
中心对齐ul li
标签。
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img src="../">
</a>
<ul class="nav navbar-nav">
<li>
<span>Need to Center align</span>
</li>
</ul>
</div>
</div>
</nav>
<li class=“text-center”><span>...centered text</span></li>
如果你向li
添加一个类名
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img src="https://www.w3schools.com/images/w3schools_green.jpg" height=500, width= 400>
</a>
<ul class="nav navbar-nav">
<li class="this">
<span>Need to Center align</span>
</li>
</ul>
</div>
</div>
</nav>
然后,您可以使用CSS。
.this {
text-align: center;
}