多个img显示在同一行
时间: 2023-09-19 12:05:04 浏览: 169
链接到同一文档的某个部分--HTML教程(PPT)
可以使用CSS中的`display: inline-block`来实现多个img显示在同一行。具体方法如下:
HTML代码:
```
<div class="img-container">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
</div>
```
CSS代码:
```
.img-container img {
display: inline-block;
width: 30%; /* 可根据需要调整宽度 */
margin: 0 1%; /* 可根据需要调整间距 */
}
```
在上述代码中,我们将img元素的`display`属性设置为`inline-block`,这样它们就可以在同一行显示了。同时,我们还设置了它们的宽度和间距,以便更好地控制它们的布局。
阅读全文