CSS中有一個非常實用的技巧，可以讓文字對圖片進行居中處理。這對于網頁設計和開發來說非常方便，可以讓頁面變得更加美觀和整潔。

首先，我們需要將圖片進行居中處理。這可以通過以下CSS代碼實現：

img {
display: block;
margin: 0 auto;
}

在上述代碼中，我們將圖片設置為塊級元素，然后將左右margin設為auto，這樣就可以實現居中對齊。

接下來，我們需要對文本進行居中處理。這可以通過以下CSS代碼實現：

.text-container {
display: flex;
justify-content: center;
align-items: center;
}

在上述代碼中，我們使用彈性盒子模型（Flexbox）實現文本的居中對齊。我們將文本容器設置為彈性容器，然后使用justify-content和align-items屬性將其水平和垂直居中對齊。

最后，將文字和圖片組合在一起即可：

<div class="text-container">
<p>這里是居中的文字</p>
</div>

通過以上步驟，我們可以輕松實現文字和圖片的居中對齊，讓網頁看起來更加美觀和整潔。