在網頁設計過程中,表格是非常常見的元素。有時候我們需要將表格居中顯示,那么該怎么設置 CSS 呢?下面就來簡單介紹一下。
首先,在 HTML 文件中,我們需要用到表格標簽 `` 和表格行標簽 `
`。如下所示:<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> </tr> </table>接下來,我們需要添加 CSS 樣式來實現居中顯示。在樣式表中,我們可以設置表格的 `margin` 為 `0 auto`,這樣就可以使表格居中顯示了。完整代碼如下: p { text-align: center; } table { margin: 0 auto; }以上就是設置 CSS 居中顯示表格的方法,相信大家已經掌握了。希望這篇文章對大家有所幫助。 |