在網頁設計中，常常需要讓文字居中圖片，以達到更美觀的效果。在CSS中，有多種方法可以實現這一效果。 首先，我們可以將圖片設置為塊級元素，并設置其寬度和左右外邊距為auto，即：

img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

這樣做可以讓圖片在其父元素中水平居中。接下來，我們需要將文字也居中，可以使用text-align屬性，如下所示：

p {
text-align:center;
}

這樣即可實現文字和圖片在父元素中都居中顯示的效果。 如果需要讓圖片在文字上方或下方居中，可以使用絕對定位，并設置top和left屬性，如下所示：

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這樣做可以讓圖片相對于父元素垂直居中，而文字則可以通過設置父元素的text-align屬性來水平居中。 除了以上方法，還可以使用Flex布局或Grid布局來實現文字和圖片的居中顯示。在Flex布局中，可以使用justify-content和align-items屬性來設置水平和垂直居中，如下所示：

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

在Grid布局中，可以使用justify-items和align-items屬性實現水平和垂直居中，如下所示：

.container {
display: grid;
justify-items: center;
align-items: center;
}

以上就是實現文字居中圖片的一些方法。需要根據具體的需求和布局來選擇最適合的方法。