如何使同一行中的所有图像都缩放到父div？

要使同一行中的所有图像都缩放到父div，可以使用CSS的flexbox布局和object-fit属性来实现。

首先，将父div设置为flex容器，通过设置display: flex属性，使其内部元素水平排列在同一行。

然后，给每个图像元素添加flex属性，使它们平均分配父div的宽度。可以使用flex: 1属性，表示每个图像元素的宽度将根据父div的宽度进行平均分配。

接下来，为了确保图像在缩放时保持其原始比例，可以使用CSS的object-fit属性。将object-fit属性设置为contain，表示图像将按比例缩放以适应父div，并保持其原始宽高比。

下面是一个示例代码：

HTML:

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

CSS:

.image-container {
  display: flex;
}

.image-container img {
  flex: 1;
  object-fit: contain;
}

在这个示例中，image-container是父div的类名，image1.jpg、image2.jpg、image3.jpg是要显示的图像文件。通过设置display: flex属性，图像元素将水平排列在同一行。每个图像元素都具有flex: 1属性，表示它们将平均分配父div的宽度。object-fit: contain属性确保图像按比例缩放以适应父div。

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 产品介绍链接地址：https://cloud.tencent.com/product/cos