怎么用web让多个图片排列一排且每个图片间添加文字

您可以使用HTML和CSS来实现这个效果。以下是一个简单的示例代码：

HTML代码：

<div class="image-container">
  <div class="image-box">
    <img src="image1.jpg">
    <p>图片1</p>
  </div>
  <div class="image-box">
    <img src="image2.jpg">
    <p>图片2</p>
  </div>
  <div class="image-box">
    <img src="image3.jpg">
    <p>图片3</p>
  </div>
</div>

CSS代码：

.image-container {
  display: flex;
  justify-content: space-between;
}

.image-box {
  text-align: center;
}

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

.image-box p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

解释：

使用一个包含所有图片的容器div，并设置其display属性为flex，这样可以让图片排列在同一行，并且自动适应父容器的宽度。
对于每个图片，使用一个包含图片和文字的div，并设置其text-align属性为center，让图片和文字都居中显示。
对于图片，设置其宽度为100%，高度自适应。
对于文字，设置其距离图片的上边距为10px，字体大小为14px，字体加粗