在CSS中，您可以通過使用***定位或相對(duì)定位來(lái)在圖片旁邊添加文字，***定位允許您相對(duì)于瀏覽器窗口來(lái)定位元素，而相對(duì)定位則允許您相對(duì)于***近的已定位祖先元素來(lái)定位元素。

以下是一個(gè)使用***定位在圖片旁邊添加文字的例子：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="示例圖片">
  <div class="text-container">
    <p>這是一段示例文字，用于展示如何在圖片旁邊添加文字。</p>
  </div>
</div>

CSS代碼：

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-container img {
  width: 100%;
  height: 100%;
}
.text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-container p {
  color: #fff;
  font-size: 24px;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為image-container的容器，用于包含圖片和文字，我們使用position: relative;來(lái)將容器設(shè)置為相對(duì)定位，這樣我們就可以在其內(nèi)部使用***定位來(lái)定位元素，我們創(chuàng)建了一個(gè)名為text-container的容器，用于包含文字，我們使用position: absolute;來(lái)將其設(shè)置為***定位，這樣它就可以相對(duì)于瀏覽器窗口來(lái)定位，我們添加了一段示例文字，并將其設(shè)置為居中顯示。