使li横排显示并且ul位于div的中间位置,(li使用style="display:inline;"),如下所示
<style type="text/css">
#links {text-align:center;}
#links ul{border:1px solid red;list-style-type:none;}
#links ul li{
display:inline;
}
</style>
<div id="links" >
<ul>
<li><a href="#">link111111</a></li>
<li><a href="#">link2222</a></li>
<li><a href="#">link33333</a></li
<li><a href="#">link44444</a></li>
<li><a href="#">link555555</a></li>
</ul>
</div>
本文介绍了一种使用CSS实现li元素横向排列并确保ul元素居中显示的方法。通过设置display:inline属性使li元素横排显示,并利用text-align:center使ul元素位于div的中间位置。
3649

被折叠的 条评论
为什么被折叠?



