用div、css、li等怎么是文字和图片这样混排
发布网友
发布时间：2022-04-20 19:19
共1个回答
热心网友
时间：2022-04-20 20:49
普通的 ul li就可以了
<ul>
<li>
<a href=""><img src=""></a>
<p>文字</p>
</li>
<li>
<a href=""><img src=""></a>
<p>文字</p>
</li>
<li>
<a href=""><img src=""></a>
<p>文字</p>
</li>
<li>
<a href=""><img src=""></a>
<p>文字</p>
</li>
<li>
<a href=""><img src=""></a>
<p>文字</p>
</li>
</ul>
-----样式------
ul,li,a,img,p{margin:0;padding:0}
ul,li{list-style-type:none;}
ul{width:500px;margin:0 auto}
ul li{width:100px;float:left}
ul li img{width:100%;float:left}
ul li p{width:100%;float:left;text-align:center}
参考这样形式
