JavaScript怎么在图片下方添加文字

你可以使用CSS来实现在图片下方添加文字，具体步骤如下：

1. 首先在HTML中添加一个包含图片和文字的容器，例如：

<div class="image-container">
  <img src="path/to/image.jpg" alt="Image">
  <p class="image-caption">这里是图片的描述文字</p>
</div>

2. 在CSS中为容器和文字添加样式，例如：

.image-container {
  position: relative; /* 使容器成为定位上下文 */
}

.image-caption {
  position: absolute; /* 使文字绝对定位在容器内 */
  bottom: 0; /* 将文字放在容器的底部 */
  left: 0; /* 将文字放在容器的左侧 */
  right: 0; /* 将文字放在容器的右侧 */
  background-color: rgba(0, 0, 0, 0.5); /* 添加半透明背景 */
  color: white; /* 设置文字颜色 */
  padding: 10px; /* 添加内边距 */
  margin: 0; /* 去掉默认的外边距 */
}

通过将容器设置为定位上下文，以及为文字添加绝对定位和半透明背景，我们可以实现在图片下方添加文字，并且在容器大小发生变化时，文字也会自动适应位置。