在CSS中,可以使用vertical-align屬性來控制單元格(table-cell)的垂直對齊方式。
vertical-align屬性有以下幾個可選值:
baseline | 文本基線對齊(默認值) top | 單元格頂部對齊 middle | 單元格垂直居中對齊 bottom | 單元格底部對齊 text-top | 文本頂部對齊 text-bottom | 文本底部對齊
下面是一個例子,展示如何在表格中使用vertical-align屬性:
<table> <tr> <td>A</td> <td>B</td> <td style="vertical-align: top;">C</td> </tr> <tr> <td style="vertical-align: middle;">D</td> <td style="vertical-align: middle;">E</td> <td style="vertical-align: middle;">F</td> </tr> <tr> <td style="vertical-align: bottom;">G</td> <td style="vertical-align: bottom;">H</td> <td style="vertical-align: text-bottom;">I</td> </tr> </table>
在上面的例子中,第一行的第三個單元格(C)使用了"vertical-align: top;",使其頂部對齊;第二行的所有單元格都使用了"vertical-align: middle;",使它們垂直居中對齊;第三行的第三個單元格(I)使用了"vertical-align: text-bottom;",使文本底部對齊。