Question

关于html中div中ul和li标签，怎么让下面的4张图在“擦擦还”这3个字下面

<div class="namediv">
<ul>
<li class="liname">
<label for="name">擦擦还</label>
</li>
</ul>
<ul>
<li>
<img src="images/jindanwang-wodezhanghu_17.png"/>
</li>
<li>
<img src="images/jindanwang-wodezhanghu_19.png"/>
</li>
<li>
<img src="images/jindanwang-wodezhanghu_21.png"/>
</li>
<li>
<img src="images/jindanwang-wodezhanghu_23.png"/>
</li>
</ul>
</div>

Answer 1

ul的宽度设置为100%，li设置浮动，这样子两个ul区域就相当于两列，另外第二个ul的li浮动就可以实现一排显示，最后的效果是两个ul相当是两列显示，就实现了4个图片在文字下面。

追问

怎么个设法，我是小白，你讲得高深，求给点代码

追答

*{ margin:0; padding:0;}
.namediv{ width:1000px; margin:0 auto;}

.namediv ul{ float:left; width:100%;}
.namediv ul li{ flaot:left; margin:10px;}

追问

其实我用另外的方法做出来了，不过还是要谢谢你

追答

不客气，有问题可以联系我哦~

Answer 2

想要什么样的效果

追问

这样的效果，图片在文字下面，但是文字是可以通过后台数据改动的