在CSS中，您可以通過使用相對定位（relative positioning）或***定位（absolute positioning）來在圖片下面顯示文字，這兩種定位方法都可以讓您在布局中更***地控制元素的位置。

相對定位是相對于元素在常規(guī)文檔流中的位置來定位，而***定位則是相對于瀏覽器窗口來定位，您可以通過設(shè)置元素的position屬性來選擇使用哪種定位方法。

下面是一個使用相對定位在圖片下面顯示文字的例子：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="example image">
  <p class="image-text">這是一段文字，顯示在圖片下面。</p>
</div>

CSS代碼：

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-container img {
  width: 100%;
  height: 100%;
}
.image-text {
  position: relative;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}

在這個例子中，.image-container元素被設(shè)置為相對定位，這意味著它可以容納***定位的子元素。.image-text元素也被設(shè)置為相對定位，并且它的top屬性設(shè)置為20px，這意味著它會在圖片下面20px的位置顯示，您可以通過調(diào)整top屬性的值來控制文字與圖片之間的距離。