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