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