下面一段是CSS代码，显示封面图片用的，如何变成一排显示3张图片？
下面一段是CSS代码，显示封面图片用的，目前只显示一排一张图片，如何变成一排显示3张图片？/*0512dz.com门户频道文章图片列表*/.mydl_width{heig...
下面一段是CSS代码，显示封面图片用的，目前只显示一排一张图片，如何变成一排显示3张图片？
/*0512dz.com门户频道文章图片列表*/
.mydl_width{height:auto;padding:12px 0;background-color:#EBF5EC}
.mydl_width ul{ margin:0;padding:0;}
.myul{}
.myul li{width:220px;height:auto;display:block;float:left; margin-left:10px;margin-bottom:5px; text-align:center;}
.myli{}
.myh3{width:210px;height:50px;min-height:20px;line-height:22px;text-align:center;margin-top:3px;font-size:12px;}
.myliimg img{padding: 5px; width: 168px; height: 126px; border: 1px solid #CCC; background: {WRAPBG}; } 展开
/*0512dz.com门户频道文章图片列表*/
.mydl_width{height:auto;padding:12px 0;background-color:#EBF5EC}
.mydl_width ul{ margin:0;padding:0;}
.myul{}
.myul li{width:220px;height:auto;display:block;float:left; margin-left:10px;margin-bottom:5px; text-align:center;}
.myli{}
.myh3{width:210px;height:50px;min-height:20px;line-height:22px;text-align:center;margin-top:3px;font-size:12px;}
.myliimg img{padding: 5px; width: 168px; height: 126px; border: 1px solid #CCC; background: {WRAPBG}; } 展开
展开全部
.myul li{}里面加上float：left，就会排成一排，然后根据li的宽度去调整 让他一排显示三个；记得你ul的宽度必须是三个li的宽度+两个间隙
更多追问追答
追问
myli{float：left}
.myh3{width:210px;height:50px;min-height:20px;line-height:22px;text-align:center;margin-top:3px;font-size:12px;}
改成这样了，还是显示竖排，没有横排，图片很小，有位置
追答
你上面.myh3没有加float:left;
你只要li标签加上<img>就行了，还有就是三个li的宽度之和要小于他父类DIV1的宽度就行了
<html>
<head></head>
<style>
.div1{ background:#00CC33; width:1000px; height:500px;}
.div1 ul{ list-style:none;}
.div1 li{ width:300px; height:150px; float:left; background:#FF0000; margin-right:10px; margin-bottom:10px;}
</style>
<body>
<div class="div1">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
