怎么让ul在div中居中?

2024-12-29 09:11:27

推荐回答（4个）

回答1：

div {
position: relative;
}
ul {
display: block;
width: 100px;
margin: 0 auto;
position: relative;
}

重点是有 width 和 margin: 0 auto; 而父辈是 position: relative;
想 ul 里的内容不会溢出来的话加上 overflow: hidden;

回答2：

如果ul有宽度，ul{margin:0 auto;}就可以居中，而不需要定位

回答3：

其实这样的反而贴近现实一点就是你可以设置li的宽度固定，然后让li里面的文字居中，这样就间接能确定下来ul的宽度，也就可以实现居中了。

回答4：

水平：div text-align: center;margin:0
垂直：div vertical-align:middle;line-height:100%