表格標(biāo)題居中是網(wǎng)頁設(shè)計的一個重要問題,下面讓我們來看看如何通過CSS讓表格標(biāo)題居中。
/* HTML代碼 */ <table> <thead> <tr> <th>姓名</th> <th>年齡</th> </tr> </thead> <tbody> <tr> <td>張三</td> <td>25</td> </tr> <tr> <td>李四</td> <td>30</td> </tr> </tbody> </table> /* CSS樣式 */ table { margin: 0 auto; text-align: center; } th { text-align: center; }
加入樣式后,表格整個居中,而表格標(biāo)題也居中了。text-align: center屬性實現(xiàn)了表格上下居中,th標(biāo)簽中的text-align: center屬性實現(xiàn)了標(biāo)題文字左右居中。