当前位置：首页 - 正文

怎么让ul在div中居中?

发布网友发布时间：2022-04-24 22:13

共4个回答

热心网友时间：2023-10-12 23:06

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

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

热心网友时间：2023-10-12 23:07

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

热心网友时间：2023-10-12 23:07

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

热心网友时间：2023-10-12 23:08

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

怎么让ul在div中居中?

最新推荐

猜你喜欢

热门推荐