在CSS中,讓表格居中顯示是一個(gè)常見(jiàn)的需求,要實(shí)現(xiàn)這一點(diǎn),你可以使用CSS的margin
屬性來(lái)設(shè)置表格的左右外邊距,使其水平居中,你還可以使用text-align
屬性來(lái)設(shè)置表格內(nèi)容的水平對(duì)齊方式。
你需要?jiǎng)?chuàng)建一個(gè)HTML表格,并給它一個(gè)***的ID或類(lèi)名,以便在CSS中引用。
<table id="myTable"> <tr> <td>表格內(nèi)容1</td> <td>表格內(nèi)容2</td> </tr> <tr> <td>表格內(nèi)容3</td> <td>表格內(nèi)容4</td> </tr> </table>
在CSS中設(shè)置表格的margin
屬性,使其左右外邊距相等,從而實(shí)現(xiàn)水平居中:
#myTable { margin-left: auto; margin-right: auto; }
你還可以使用text-align
屬性來(lái)設(shè)置表格內(nèi)容的水平對(duì)齊方式,如果你想讓表格內(nèi)容在單元格中水平居中顯示,可以添加以下代碼:
#myTable td { text-align: center; }
這樣,表格就會(huì)在其容器中水平居中顯示,并且表格內(nèi)容會(huì)在單元格中水平居中顯示,希望這個(gè)示例對(duì)你有幫助!