CSS 最近推出了一種新的技術(shù)，讓圖片和文字都能夠居中顯示。這種技術(shù)特別適合新聞網(wǎng)站中的圖片和文字。在以前，我們只能使用表格或 JavaScript 等方法來使圖片和文字居中，而這種新技術(shù)可以更簡單、更高效地實現(xiàn)。
CSS 居中圖片和文字的方法非常簡單。只需要在圖片或文字的外層容器上添加兩個樣式屬性：display 和 text-align。display 讓容器變?yōu)閴K級元素，并使其寬度自動調(diào)整到父元素寬度之內(nèi)。text-align 則可以讓容器內(nèi)的元素水平居中。
例如，我們可以這樣寫 CSS：
p {
display: block;
text-align: center;
}
這樣，我們就可以將圖片和文字都放在一個 p 標(biāo)簽內(nèi)，并讓它們居中顯示。
這種方法的優(yōu)點(diǎn)在于，不會占用大量代碼，也不會影響頁面加載速度。而且它非常靈活，可以應(yīng)用于各種不同的場景中。
總之，CSS 居中圖片和文字是一項非常實用的技術(shù)，將會成為未來網(wǎng)頁設(shè)計中的常用方法。如果你是一名網(wǎng)頁設(shè)計師，一定要掌握這種技術(shù)，這樣你的工作會更加高效、好看！