CSS3中，可以使用flex布局或者grid布局來實(shí)現(xiàn)圖片和文字居中的效果。

1、使用flex布局：

<div style="display: flex; justify-content: center; align-items: center;">
  <img src="圖片路徑" alt="圖片描述" style="max-width: 500px; max-height: 500px;">
  <p style="text-align: center;">文字內(nèi)容</p>
</div>

在這個(gè)示例中，div元素使用了display: flex來開啟flex布局，justify-content: center和align-items: center分別實(shí)現(xiàn)了水平和垂直方向的居中。img元素和p元素都位于這個(gè)div元素內(nèi)部，因此它們會自動居中。

2、使用grid布局：

<div style="display: grid; place-items: center;">
  <img src="圖片路徑" alt="圖片描述" style="max-width: 500px; max-height: 500px;">
  <p style="text-align: center;">文字內(nèi)容</p>
</div>

在這個(gè)示例中，div元素使用了display: grid來開啟grid布局，place-items: center實(shí)現(xiàn)了水平和垂直方向的居中，同樣，img元素和p元素都會自動居中。

無論是使用flex布局還是grid布局，都可以輕松實(shí)現(xiàn)圖片和文字居中的效果，選擇哪種布局取決于具體的場景和需求。