Question

怎么让ul在div中居中?

怎么让ul在div中居中?

Answer 1

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

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

Answer 2

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

Answer 3

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

Answer 4

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