在CSS中，您可以使用多種方法將圖片和文字居中顯示，以下是一些常見(jiàn)的方法：

1、使用flexbox布局：

Flexbox是一種靈活的布局方式，可以輕松實(shí)現(xiàn)圖片和文字的居中顯示，您可以將圖片和文字包裹在一個(gè)flex容器中，并利用flex屬性進(jìn)行對(duì)齊。

<div style="display: flex; align-items: center; justify-content: center;">
  <img src="image.jpg" alt="圖片">
  <p>這是一段文字</p>
</div>

2、使用grid布局：

Grid布局也是一種實(shí)現(xiàn)圖片和文字居中顯示的方法，您可以將圖片和文字放置在一個(gè)grid容器中，并利用grid-area或justify-content屬性進(jìn)行對(duì)齊。

<div style="display: grid; align-items: center; justify-content: center;">
  <img src="image.jpg" alt="圖片">
  <p>這是一段文字</p>
</div>

3、使用position定位：

您也可以通過(guò)position屬性將圖片和文字定位在容器中央。

<div style="position: relative;">
  <img src="image.jpg" alt="圖片" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
  <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">這是一段文字</p>
</div>

這種方法需要手動(dòng)計(jì)算圖片和文字的位置，并進(jìn)行調(diào)整。

是幾種常見(jiàn)的將圖片和文字居中顯示的方法，您可以根據(jù)自己的需求選擇適合的方法。