當(dāng)我們?cè)谑褂肏TML表格時(shí),有時(shí)需要將一些單元格內(nèi)容靠下對(duì)齊,這時(shí)候就需要用到TD的垂直對(duì)齊屬性。
默認(rèn)情況下,TD的內(nèi)容是垂直居中對(duì)齊的。而我們要實(shí)現(xiàn)的是讓單元格內(nèi)容靠下對(duì)齊,那么需要在TD元素中添加一個(gè)垂直對(duì)齊屬性:vertical-align: bottom;
<table> <tr> <td style="vertical-align: bottom;">單元格內(nèi)容</td> </tr> </table>
可以看到,我們?cè)赥D元素中添加了一個(gè)style屬性,然后給vertical-align賦值為bottom即可。這樣,此單元格的內(nèi)容就會(huì)向下對(duì)齊。
需要注意的是,vertical-align屬性只對(duì)單元格中的內(nèi)容起作用,而不是整個(gè)單元格本身。如果需要設(shè)置整個(gè)單元格的高度,可以使用height屬性。
總之,CSS的TD垂直對(duì)齊屬性是實(shí)現(xiàn)單元格內(nèi)容靠下對(duì)齊的關(guān)鍵。我們只需要給TD元素添加一個(gè)vertical-align: bottom;屬性即可。