电话
13363039260
css中怎么把ul居中
2024-01-18 09:58 小编
1、假设最初的的代码是这样：
<divid="links"style="border:1pxsolidred;">
<ul>
<li><ahref="#">link111111</a></li>
<li><ahref="#">link2222</a></li>
<li><ahref="#">link33333</a></li>
<li><ahref="#">link44444</a></li>
<li><ahref="#">link555555</a></li>
</ul>
</div>
2、去除列表前面的黑点（在ul的style中使用list-style-type:none;）
<divid="links">
<ulstyle="border:1pxsolidred;list-style-type:none;">
<li><ahref="#">link111111</a></li>
<li><ahref="#">link2222</a></li>
<li><ahref="#">link33333</a></li
<li><ahref="#">link44444</a></li>
<li><ahref="#">link555555</a></li>
</ul>
</div>
如下图所示：
3、使li横排显示并且ul位于div的中间位置，（li使用style="display:inline;"）,如下所示
<styletype="text/css">
#links{text-align:center;}
#linksul{border:1pxsolidred;list-style-type:none;}
#linksulli{
display:inline;
}
</style>
<divid="links">
<ul>
<li><ahref="#">link111111</a></li>
<li><ahref="#">link2222</a></li>
<li><ahref="#">link33333</a></li
<li><ahref="#">link44444</a></li>
<li><ahref="#">link555555</a></li>
</ul>
</div>
猜你喜欢
联络方式：
13363039260
微信二维码 