CSS中怎样将两个图放在一行

在CSS中，我们可以很方便地将两个图像放在同一行。下面，我们通过以下步骤来实现这个目标： 1. 先在HTML中添加两个图像标签，如下所示：

下面是两张图片：

<img src="pic1.jpg"><img src="pic2.jpg">

2. 接着，我们使用CSS的 display 属性来将两个图像放在一行上：

img {
display: inline-block;
}

通过将图像设为inline-block，我们可以使它们不再是默认的块级元素，而是变为内联元素，从而可以在同一行上，并且之间没有任何空格。 3. 如果你想要在两个图像之间加上一些空隙，可以使用 CSS 的 margin 属性：

img {
display: inline-block;
margin-right: 10px;
}

这里将两个图像之间加上了10像素的右边距。当然，你也可以设置左边距或上下边距。 最终的代码如下所示：

下面是两张图片：

<img src="pic1.jpg"><img src="pic2.jpg">

img {
display: inline-block;
margin-right: 10px;
}

这样，两个图像就成功地放在同一行上了。希望以上内容能对你有所帮助！