css居中不定长度,CSS如何居中一个不定宽度的ul？

如果是移动端，用flex比较容易实现， 如果是pc端，给你2种实现方法：1、不用浮动 用display:inline-block ，父级设置居中即可， 代码如下：

list-style: none } 。

box{border:1px solid #f00; text-align:

center;} 。box ul{ display:table;word-spacing:-1em; margin: 0 auto}

。box li{ display: inline-block; height:

40px;background:#369;word-spacing:0; }

• 井蛙视频
• ps教程
• ae教程
• 前端基础教程

2、li浮动原理：浮动元素的父级宽度等于所有子级的宽度，让ul， left:50%, 然后li right：50%代码如下：

• 井蛙视频
• ps教程
• ae教程
• 前端基础教程

#####ul的margin设定为margin:auto。

ul设定margin为auto之后如果还需要设定外边距最好使用margin-top、margin-left等。如果你的ul宽度随内部的li宽度变化，根据需要可能需要加上overflow:hidden。

全部