CSS中表格是頁面中非常常用的元素。當我們需要把表格中的內容居中時，CSS提供了多種實現方法。下面將會介紹其中最為常見的方法。 首先，我們需要在CSS中指定表格（table）及其內容（td/th）的樣式。例如： ```CSS table{ margin: 0 auto; /* 設置整張表格水平居中 */ } td, th{ text-align: center; /* 設置單元格內文字居中 */ } ``` 這兩句代碼會讓表格和單元格內的內容都居中。然而，如果表格的寬度不夠時，表格會被壓縮，而里面的內容也會隨之變小。為了讓表格自適應頁面寬度，我們可以使用以下代碼： ```CSS table{ width: 100%; /* 表格寬度占滿整個屏幕 */ table-layout: fixed; /* 固定表格布局 */ } td, th{ text-align: center; /* 設置單元格內文字居中 */ } ``` 這樣就可以解決表格太小的問題，使其在不同大小的屏幕上表現更為合適。 如果需要讓表格里面的圖片或其他元素也居中，我們還需要使用vertical-align屬性。例如： ```CSS img{ display: block; /* 把圖片設置成塊級元素 */ margin: 0 auto; /* 讓圖片水平居中 */ } td, th{ text-align: center; /* 設置單元格內文字居中 */ vertical-align: middle; /* 設置垂直居中 */ } ``` 以上代碼會使表格中的圖片和文字都居中顯示。 總的來說，把表格和其中的元素居中是一種通用需求。使用上述方法可以快速實現這一需求，并使得表格在不同設備上都呈現出美觀的效果。