CSS中的valign是一個很常用的屬性之一,用來設置垂直對齊方式,它可以應用于大多數的HTML元素,包括表格、圖像、表單等等。
/* 設置元素的垂直對齊方式 */ vertical-align: baseline|top|middle|bottom;
其中,baseline表示基線對齊,top表示頂端對齊,middle表示居中對齊,bottom表示底部對齊。
在表格中,valign屬性可以應用于tr、th、td等元素上,用來設置行或單元格內的內容垂直對齊方式。
<table> <tr valign="top"> <td>內容1</td> <td>內容2</td> </tr> <tr valign="bottom"> <td>內容3</td> <td>內容4</td> </tr> </table>
上述代碼中,第一行的內容1和內容2將會頂部對齊,而第二行的內容3和內容4則會底部對齊。
需要注意的是,valign屬性的兼容性不是很好,在一些瀏覽器上可能會出現兼容性問題,建議使用CSS中的flexbox布局或者grid布局來實現垂直居中等效果。