在HTML和CSS中，可以使用flexbox布局或者网格布局来实现保持图像行的高度相同的效果。以下是两种方法的示例代码。

1. 使用flexbox布局：

HTML代码：

CSS代码：

.image-container {
  display: flex;
}

.image-container img {
  flex: 1;
  object-fit: cover; /* 可选，用于控制图像的缩放方式 */
}

2. 使用网格布局：

HTML代码：

CSS代码：

.image-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px; /* 可选，用于控制图像之间的间距 */
}

.image-container img {
  width: 100%;
  height: auto;
}

上述代码示例中，.image-container 是一个包含多个图像的容器。使用flexbox布局时，.image-container 元素的display 属性被设置为flex，并且每个图像元素的flex 属性被设置为1，以使它们平均分配容器的宽度。使用网格布局时，.image-container 元素的display 属性被设置为grid，并且通过grid-template-columns 属性来定义每一列的宽度。repeat(auto-fit, minmax(200px, 1fr)) 表示自动适应容器宽度的列数，每列的最小宽度为200px。图像元素的宽度被设置为100%，以使其填充所在的列，并保持高度自适应。