首先介紹一下CSS中文本居中的方法。我們可以使用text-align屬性來實現文本居中。例如，如果我們希望將一段文字居中，則可以在CSS中這樣設置：

p {
text-align: center;
}

這將會使任何放置在<p>標簽內的文本居中對齊。 接下來，我們來看一下如何使圖片居中。我們可以使用屬性display: block來使圖片成為塊級元素，并且使用margin屬性來使其水平居中。例如，如果我們希望將一張圖片居中，則可以在CSS中這樣設置：

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

這將會使圖片水平居中對齊，并且使其成為塊級元素，使得我們可以在其周圍添加其他內容。 需要注意的是，在使用margin屬性水平居中元素時，我們必須將該元素的寬度指定為一個具體的值，例如：

img {
display: block;
margin: 0 auto;
width: 50%;
}

這將會使圖片占據其父元素的50%寬度，并且水平居中對齊。 綜上所述，CSS中的text-align屬性和display、margin屬性可以幫助我們實現文本和圖片的居中對齊。當我們需要將頁面元素對齊時，這些屬性將非常有用。