CSS控制圖片位置：文字下方

在CSS中，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）來控制圖片的位置，如果想要讓圖片在文字下方，可以使用相對定位。

我們需要將圖片和文字的HTML元素嵌套在一個相對定位的容器中，這個容器可以是一個div元素，或者其他任何具有相對定位屬性的元素。

以下是一個HTML和CSS的例子：

HTML:

<div class="relative-container">
  <p>這是一段文字。</p>
  <img class="image-below" src="path-to-image.jpg" alt="圖片">
</div>

CSS:

.relative-container {
  position: relative;
}
.image-below {
  position: relative;
  top: 10px; /* 圖片距離文字下方的距離 */
}

在這個例子中，圖片會被放置在文字的下方，并且距離文字底部10像素，你可以根據(jù)需要調(diào)整這個距離。

這種方法要求圖片和文字的HTML結(jié)構(gòu)是已知的，并且圖片始終在文字的下方，如果圖片和文字的HTML結(jié)構(gòu)經(jīng)常變化，或者圖片的位置不固定，可能需要使用其他方法。