如何在css中居中我的ul li列表？
如何在css中居中我的ul li列表？
提问于 2015-06-14 21:25:16
我有以下html代码：
<section class="video">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<ul class="footer-nav">
<li><a href="#">Contact</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Business</a></li>
</ul>
</div>
</div>
</div>
</section>加上我的CSS (在jsfiddle中)，我得到的结果是文本左对齐……如何将所有内容居中，因此结果是：
Contact Press Careers Business Careers Bussiness ？谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-06-14 21:38:10
Stack Overflow用户
发布于 2015-06-14 21:35:00
不久前添加了类似的问题How do I get my <.li> centered in my nav
您只需将text-align: center添加到ul元素，如下所示：
.footer-nav{
text-align: center;
}
.footer-nav li {
list-style: none;
padding: 5px;
display: inline-block;
}Stack Overflow用户
发布于 2016-07-24 10:59:56
您应该尝试将li {float:left;}替换为li {display: inline-block;}，并将其父ul {text-align: center;}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30829916
复制相关文章
相似问题