在網頁設計中，定位文字和圖片通常是非常重要的。為了創建一個美觀的網站并提高用戶體驗，將文字和圖片居中對于網站設計來說也是至關重要的。在本文中，我將向大家介紹如何使用CSS將文字和圖片設置為居中。 使用CSS設置文字居中： 在HTML頁面中，使用p標簽定義一個段落：

這是一個段落文本。

要在CSS中將文本居中，我們需要將文本所在的元素的樣式設置為text-align:center：

p{
text-align:center;
}

這將使這個段落的文本在視覺上居中。 使用CSS設置圖片居中： 要設置圖片居中，我們需要在一個塊級元素內嵌套一個圖片元素。我們可以使用div等塊級元素，并將其樣式設置為text-align:center：

然后在CSS中，我們將.image-container元素的樣式設置為text-align:center：

.image-container{
text-align:center;
}

這將使圖片在這個div內居中顯示。 總結： 無論是在網頁設計中，還是在日常的文字處理中，將文本和圖片居中通常都是一個很好的選擇。在CSS中，我們可以使用text-align:center來使文本和圖片居中顯示。希望這篇文章對大家學習CSS的過程有所幫助！