⭐请看下面的代码，可以使多个图片在同一行展示
核心代码
display: flex; /*就是可以把多个图片放在一行展示，发不下的话再换行*/🏳️🌈🏳️🌈🏳️🌈🏳️🌈🏳️🌈🏳️🌈
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第三 展示部分</title>
<style>
#exhibition {
width: 980px;
height: 292px;
margin: 0 auto;
padding-top: 170px;
background-repeat: no-repeat;
}
.aaa {
margin: 0 auto;
display: flex; /*就是可以把多个图片放在一行展示，发不下的话再换行*/
}
div {
padding-left: 15px;
height: 260px;
width: 916px;
}
</style>
</head>
<body>
<div id="exhibition">
<div class="aaa">
<div><img src="ikun.png" alt=""></div>
<div><img src="ikun.png" alt=""></div>
<div><img src="ikun.png" alt=""></div>
<div><img src="ikun.png" alt=""></div>
</div>
</div>
</body>
</html>结果
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/131360.html
