HTML表格是網(wǎng)頁設(shè)計(jì)時(shí)不可或缺的元素。在表格中,我們經(jīng)常需要讓文字垂直居中顯示,那么要怎么寫代碼呢?
table{ display:table; border-collapse:collapse; margin:0 auto; } td{ display:table-cell; vertical-align:middle; }
上面的代碼是設(shè)置表格和表格單元格的樣式。其中,display:table;
將表格作為塊級(jí)元素進(jìn)行顯示,border-collapse:collapse;
將單元格的邊框合并,margin:0 auto;
是為了讓表格水平居中顯示,這三行代碼是基礎(chǔ)樣式,一般情況下使用即可。
關(guān)于讓文字垂直居中,我們需要在單元格(td
)上設(shè)置vertical-align:middle;
屬性。此屬性指定了單元格內(nèi)的內(nèi)容在垂直方向上與單元格垂直居中顯示。
通過以上代碼的設(shè)置,我們就可以在表格中垂直居中顯示文字了。