網(wǎng)頁CSS文字居中顯示圖片的方法

在網(wǎng)頁設計中，我們經常需要將文字居中顯示，并且同時顯示圖片，通過CSS，我們可以輕松地實現(xiàn)這一需求。

我們需要創(chuàng)建一個包含文字和圖片的HTML元素，我們可以使用<div>元素來包含這些內容：

<div class="container">
  <p>這是一段文字，用于居中顯示圖片。</p>
  <img src="image.jpg" alt="圖片">
</div>

我們可以使用CSS來居中顯示這段文字和圖片，我們可以使用text-align屬性來將文字居中，并使用margin屬性來調整圖片的位置。

.container {
  text-align: center;
}
.container img {
  margin: 0 auto;
}

在上面的CSS代碼中，.container選擇器用于選擇包含文字和圖片的容器元素。text-align: center;屬性用于將容器內的文字居中顯示，而.container img選擇器則用于選擇容器內的圖片元素，margin: 0 auto;屬性用于將圖片水平居中顯示。

通過這種方法，我們可以輕松地實現(xiàn)網(wǎng)頁CSS文字居中顯示圖片的需求，我們還可以根據(jù)具體的設計需求來調整文字和圖片的位置和樣式。