使用CSS使表格行tr居中是一個常見的需求,本文將介紹一些實現(xiàn)方法。
方法1: 使用行內(nèi)樣式
在tr標(biāo)簽中添加樣式:style="text-align:center;"即可將行居中,示例代碼如下:
<table> <tr style="text-align:center;"> <td>內(nèi)容</td> <td>內(nèi)容</td> </tr> </table>方法2:使用CSS選擇器 使用CSS選擇器將所有的tr元素居中,示例代碼如下:
<style> table tr{ text-align:center; } </style> <table> <tr> <td>內(nèi)容</td> <td>內(nèi)容</td> </tr> </table>方法3:使用CSS表格布局 可以使用CSS表格布局將表格及其中的行居中,示例代碼如下:
<style> table{ display: table; margin: 0 auto; } tr{ display: table-row; } </style> <table> <tr> <td>內(nèi)容</td> <td>內(nèi)容</td> </tr> </table>以上是幾種常見的CSS實現(xiàn)表格行居中的方法,可以根據(jù)需求選擇相應(yīng)的方法。