如何利用Css实现三个图片 在一横排 并排放置
发布网友
发布时间：2022-04-23 13:49
共4个回答
热心网友
时间：2022-05-13 18:01
<style type="text/css">
#aa{ background:url(05.jpg) repeat-x; height:24px; width:288px;}
li{ float:left;}
</style>
<div id="aa"></div>
<div id="aaa">
<ul>
<li><img src="05.jpg" /></li>
<li><img src="05.jpg" /></li>
<li><img src="05.jpg"/></li>
</ul>
</div>
热心网友
时间：2022-05-13 19:19
ul li {float:left}
<ul>
<li><img src="1.jpg" /></li>
<li><img src="2.jpg" /></li>
<li><img src="3.jpg" /></li>
</ul>
热心网友
时间：2022-05-13 20:54
只要宽度大于三张图片的总宽度
你直接插入3张图就可以了啊
------------代码----------
.aaa{float:left;}
<div class="aaa"></div>
<div class="aaa"></div>
<div class="aaa"></div>
热心网友
时间：2022-05-13 22:45
<style type="text/css">
#aa{ background:url(05.jpg) repeat-x; height:24px; width:288px;}
li{ float:left;}
</style>
<div id="aa"></div>
<div id="aaa">
<ul>
<li><img src="05.jpg" /></li>
<li><img src="05.jpg" /></li>
<li><img src="05.jpg"/></li>
</ul>
</div>
