在CSS中，我們可以使用position屬性將文字加入圖片，以下是一個(gè)簡(jiǎn)單的示例：

<div class="image-with-text">
  <img src="image.jpg" alt="圖片描述">
  <p class="image-text">這是圖片中的文字</p>
</div>

.image-with-text {
  position: relative;
}
.image-with-text img {
  width: 100%;
  height: auto;
}
.image-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 20px;
}

在這個(gè)示例中，我們首先將position屬性設(shè)置為relative，以便在圖片上定位文字，我們將圖片設(shè)置為100%寬度和auto高度，以保持圖片的自然比例，我們將文字元素設(shè)置為position: absolute，并使用top和left屬性將其定位在圖片的中心，我們使用transform屬性將文字元素向上和向左移動(dòng)，以抵消由于使用***定位而產(chǎn)生的向下和向右的偏移，這種方法可以使文字在圖片中居中顯示。