可以使用 CSS 中的 'float' 属性来实现将两张图片放在同一行。

**HTML 代码:**

<div class='image-row'>
  <img src='image1.jpg'>
  <img src='image2.jpg'>
</div>

**CSS 代码:**

.image-row img {
  float: left;
  width: 50%;
}

**解释:**

  1. 将两张图片放在一个 div 容器中,方便进行样式设置。
  2. 通过设置 img 元素的 'float' 属性为 'left',让它们都向左浮动。
  3. 为了保证两张图片都能够显示在同一行中,可以设置它们的宽度为 50%。这样,两张图片加起来的宽度就是整个容器的宽度了。
HTML 如何将两张图片放在一行显示

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

免费AI点我,无需注册和登录