CSS中，可以使用flex布局將圖片和字居中，以下是一個示例：

<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
  <img src="圖片url" alt="圖片描述" style="max-width: 50%;">
  <p style="text-align: center; max-width: 50%;">文本內(nèi)容</p>
</div>

在這個示例中，div元素使用了display: flex;來開啟flex布局，justify-content: center;和align-items: center;將圖片和字居中。height: 100vh;設(shè)置div元素的高度為視口的100%。

圖片和文字都放在div元素中，圖片使用max-width: 50%;設(shè)置***大寬度為50%，文字使用text-align: center;設(shè)置居中對齊。

需要注意的是，如果圖片和文字的長度超過50%，它們會超出div元素的寬度限制，在實際應(yīng)用中，需要根據(jù)具體情況調(diào)整寬度限制。