欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

單元格垂直對齊css

錢艷冰2年前10瀏覽0評論

在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;",使文本底部對齊。