CSS可以方便地對table進行樣式的設置,其中設置table居中也是一個很常見的需求。
在進行table居中的設置時,我們可以使用以下的CSS代碼:
table { margin: 0 auto; }
這里的margin: 0 auto;
表示將table在水平方向上居中顯示,即左右兩側的margin值設置為auto,而上下方向則為0。
需要注意的是,上面的代碼只能對table元素本身進行水平居中設置,對其中的單元格內容并不起作用。如果需要對單元格內容也進行居中設置,可以將代碼改為:
table { margin: 0 auto; } td { text-align: center; vertical-align: middle; }
text-align: center;
表示在單元格內部將文本水平居中,而vertical-align: middle;
則表示將單元格內部的內容垂直居中。
以上就是關于如何用CSS對table進行居中設置的簡介。