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

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

如果您想使用相對定位，可以這樣做：

img {
  position: relative;
  top: 10px;
  left: 10px;
}
p {
  position: relative;
  top: 20px;
  left: 20px;
}

在這個例子中，圖片和段落元素都會相對于它們在常規(guī)文檔流中的位置向下和向右移動，您可以根據(jù)需要調(diào)整top和left屬性的值來控制移動的距離。

如果您想使用***定位，可以這樣做：

img {
  position: absolute;
  top: 10px;
  left: 10px;
}
p {
  position: absolute;
  top: 20px;
  left: 20px;
}

在這個例子中，圖片和段落元素都會相對于瀏覽器窗口向下和向右移動，同樣地，您可以根據(jù)需要調(diào)整top和left屬性的值來控制移動的距離。

在使用***定位時，元素會從常規(guī)文檔流中移除，并放置在指定的位置，這可能會導(dǎo)致元素重疊或與其他元素不匹配，在使用***定位時，請務(wù)必謹(jǐn)慎控制元素的位置。