在CSS中,可以使用text-align
屬性將文字在表格中居中顯示,以下是一個示例:
<table> <tr> <td style="text-align: center;">這是居中的文字</td> </tr> </table>
在這個示例中,text-align: center;
將<td>
元素中的文字居中顯示,你也可以使用vertical-align
屬性來垂直居中顯示文字,
<table> <tr> <td style="vertical-align: middle;">這是垂直居中的文字</td> </tr> </table>
在這個示例中,vertical-align: middle;
將<td>
元素中的文字垂直居中顯示,注意,vertical-align
屬性在HTML5中已被棄用,但在CSS中仍然可以使用。
如果你想要在表格中居中顯示圖片,可以使用align
屬性,
<table> <tr> <td align="center"> <img src="image.jpg" alt="圖片" /> </td> </tr> </table>
在這個示例中,align="center"
將圖片在<td>
元素中居中顯示,你也可以使用CSS中的object-position
屬性來更***地控制圖片的位置,
<table> <tr> <td style="object-position: center;"> <img src="image.jpg" alt="圖片" /> </td> </tr> </table>
在這個示例中,object-position: center;
將圖片在<td>
元素中水平和垂直居中顯示,注意,object-position
屬性在IE瀏覽器中不被支持。