div中有个ul,如何使这个ul在div中水平居中呢?
发布网友
发布时间:2023-05-18 16:56
我来回答
共3个回答
热心网友
时间:2023-10-05 09:11
<style>
*{margin:0;padding:0;border:0;}
.box{width:400px;height:100px;margin:0 auto}
.box ul{list-style:none;}
.box ul li{float:left;width:100px;height:100px;line-height:100px;background:#00aff0;text-align:center;font-size:14px;color:#fff;}
</style>
<div class="box">
<ul>
<li>演示效果</li>
<li>演示效果</li>
<li>演示效果</li>
<li>演示效果</li>
</ul>
</div>
上面是代码,把代码复制到html文件中,用浏览器打开看看吧。
热心网友
时间:2023-10-05 09:12
必须设定div的高度和ul的高度,然后设定div垂直居中
热心网友
时间:2023-10-05 09:12
在中间浮东西一般都是很头疼的。不过我一般用两种方法。