css中怎么把ul居中

在HTML中将ul进行居中显示，应用float浮动属性可以实现，也可以先对ul的style运用display:inline，然后在div上运用style“text-align:center;”使ul列表进行居中显示。 今天在调整ul居中的题目时，碰到了点小艰难，之前在运用ul时候，让其不是垂直的罗列而是，横着罗列都是运用float:left这个属性，但是呢，今天我在弄一些友谊链接的时候，就涌现了ul在div中居中不了的题目，就是在div中参加了style=“text-align:center;” ul也不居中，最后细心对照了网上的，发明时用了float:left的缘由，第一平铺，可以对ul的style运用display:inline，而无须运用float属性，这样之后在div上就可以运用style=“text-align:center;” 使ul列表居中显示了。

1、假如最初的的代码是这样：

    
link111111
    
link2222
    
link33333
    
link44444
    
link555555

2、去掉列表前面的黑点（在ul的style中运用list-style-type:none;）

    
link111111
    
link2222
    
link33333
link44444
    
link555555

如下图所示：

3、使li横排显示而且ul位于div的中间位置，（li运用style="display:inline;"）,如下所示

    
link111111
    
link2222
    
link33333
link44444
    
link555555

如下图所示：

到此为止实现ul中的li横排显示，而且ul在div里居中显示。

以上就是css中怎么把ul居中的细致内容，更多请关注 百分百源码网 其它相干文章！