在CSS中，您可以使用相對定位（relative positioning）或***定位（absolute positioning）將圖片放置在文字下方。

相對定位是一種常用的方法，它允許您相對于當前元素的位置來定位另一個元素，在這種情況下，圖片會被放置在文字元素的下方，您可以通過設(shè)置圖片的position屬性為relative來實現(xiàn)這一點。

.text-with-image {
  position: relative;
}
.text-with-image img {
  position: relative;
  top: 10px; /* 圖片距離文字下方的距離 */
  left: 0; /* 圖片在水平方向上的位置 */
}

***定位是一種更靈活的方法，它允許您相對于整個文檔或另一個定位元素來放置元素，在這種情況下，圖片會被放置在文字元素的下方，無論文字元素在哪里，您可以通過設(shè)置圖片的position屬性為absolute來實現(xiàn)這一點。

.text-with-image {
  position: relative;
}
.text-with-image img {
  position: absolute;
  top: 10px; /* 圖片距離文檔底部的距離 */
  left: 0; /* 圖片在水平方向上的位置 */
}

使用***定位時，圖片的位置是相對于***近的定位祖先元素（即position屬性為relative、absolute或fixed的元素）的底部，如果沒有這樣的祖先元素，圖片將相對于整個文檔底部進行定位。

您還可以使用z-index屬性來控制圖片和文字之間的堆疊順序，默認情況下，后定義的元素會覆蓋先定義的元素，但您可以通過設(shè)置z-index屬性來改變這種順序。

.text-with-image {
  position: relative;
  z-index: 1; /* 文本元素的堆疊順序 */
}
.text-with-image img {
  position: relative;
  top: 10px; /* 圖片距離文字下方的距離 */
  left: 0; /* 圖片在水平方向上的位置 */
  z-index: 2; /* 圖片元素的堆疊順序 */
}

通過這種方法，您可以確保圖片始終顯示在文字下方，無論其他元素如何影響堆疊順序，希望這些信息對您有所幫助！