html怎么把10张图排成两行?
发布网友
发布时间：2023-08-08 13:45
共1个回答
热心网友
时间：2023-09-23 16:16
上图为代码实际效果
给你直接上代码，代码效果如上图。
<style>
.flex-wrap{width:800px;margin:0 auto;box-sizing:border-box}
.flex-wrap ul{list-style:none;display:flex;flex-wrap:wrap;}
.flex-wrap ul li{list-style:none;width:calc(20% - 5px);margin:0 5px 5px 0;}
.flex-wrap ul li img{width:100%}
</style>
<div class="flex-wrap">
<ul>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
<li><img src="图片网址" /></li>
</ul>
</div>
https://lanye.vip
