HTML 中如何将两张图片放在同一行

可以使用 HTML 中的`

`标签来创建一个容器，然后将两张图片放在同一行的`

`中。

以下是一种示例代码：

<div>
  <img src='image1.jpg' alt='Image 1'>
  <img src='image2.jpg' alt='Image 2'>
</div>

使用 CSS 可以对这个`

`容器进行样式设置，如设置宽度、居中等。例如：

div {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
img {
  width: 50%;
  display: inline-block;
}

这里将`

`容器的宽度设置为 80%，并使用`margin: 0 auto;`将其居中。``标签的宽度设置为 50%，使用`display: inline-block;`让两张图片在同一行显示。

原文地址: https://www.cveoy.top/t/topic/oqK5 著作权归作者所有。请勿转载和采集!