<分区>
<分区>
我有一个 <ul>有6张图片，没有文字。我似乎无法将其置于页面中央。这是我的代码。
CSS
.logos{
margin:0 auto;
text-align:center;
display:table;
float: left;
}
HTML
<div class="logos" style="margin:0 auto;">
<ul class="logos">
<li class="logos"> <img src="imgs/logo1.gif"> </li>
<li class="logos"> <img src="imgs/logo2.gif"> </li>
<li class="logos"> <img src="imgs/logo3.gif"> </li>
<li class="logos"> <img src="imgs/logo4.gif"> </li>
<li class="logos"> <img src="imgs/logo5.gif"> </li>
<li class="logos"> <img src="imgs/logo6.gif"> </li>
</ul>
</div>
最佳答案
你需要改变
.logos{
margin:0 auto;
text-align:center;
display:table;
float: left;
}
到
.logos{
margin:0 auto;
text-align:center;
display:table;
}
内容会在页面中间
您还需要删除 div 因为它没用，您将相同的类设置为 ul 和 div
关于html - 仅将图像居中对齐 UL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39492435/