如何在页面下方添加多张图片和文字，文字在对应图片下方

要在页面下方添加多张图片和文字，文字在对应图片下方，你可以使用HTML和CSS来实现。以下是一个简单的示例代码：

HTML代码：

<div class="image-gallery">
  <div class="image-container">
    <img src="image1.jpg" alt="Image 1">
    <p>这是图片1的描述</p>
  </div>
  <div class="image-container">
    <img src="image2.jpg" alt="Image 2">
    <p>这是图片2的描述</p>
  </div>
  <div class="image-container">
    <img src="image3.jpg" alt="Image 3">
    <p>这是图片3的描述</p>
  </div>
</div>

CSS代码：

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.image-container {
  margin: 20px;
  text-align: center;
}

.image-container img {
  width: 300px;
  height: 200px;
}

.image-container p {
  margin-top: 10px;
}

这段代码将会在页面下方创建一个类名为 `image-gallery` 的容器，其中包含了三个类名为 `image-container` 的子容器，每个子容器里面都有一张图片和对应的文字描述。CSS代码使用了 Flexbox 布局来将子容器进行排列，并设置了一些简单的样式来控制图片和文字的显示。你可以根据自己的需要进行调整。