CSS中，我們可以使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來實(shí)現(xiàn)文字排在圖片下面的效果。

相對(duì)定位是相對(duì)于元素在文檔流中的位置進(jìn)行定位，而***定位是相對(duì)于瀏覽器窗口進(jìn)行定位。

下面是一個(gè)使用相對(duì)定位實(shí)現(xiàn)文字排在圖片下面的示例：

HTML結(jié)構(gòu)：

<div class="image-container">
  <img src="image.jpg" alt="圖片">
  <p class="image-text">圖片下方的文字</p>
</div>

CSS樣式：

.image-container {
  position: relative; /* 將圖片和文字都設(shè)置為相對(duì)定位 */
}
.image-container img {
  width: 100px; /* 圖片寬度設(shè)置為100像素 */
  height: 100px; /* 圖片高度設(shè)置為100像素 */
}
.image-container p {
  position: absolute; /* 文字使用***定位，相對(duì)于圖片容器進(jìn)行定位 */
  top: 10px; /* 文字距離圖片頂部10像素 */
  left: 10px; /* 文字距離圖片左側(cè)10像素 */
}

在這個(gè)示例中，我們將圖片和文字都設(shè)置為相對(duì)定位，這樣它們就可以相對(duì)于彼此進(jìn)行定位了，我們將文字使用***定位，使其距離圖片頂部和左側(cè)分別為10像素，這樣，文字就會(huì)顯示在圖片的下方了。