CSS (Cascading Style Sheets) 中的 vertical-align 屬性用于設置元素在垂直方向上的對齊方式。

該屬性可以應用于子元素和表格單元格中的內容。在這些元素中，我們可以通過設置 vertical-align 來調整它們的對齊方式。

vertical-align 屬性的值可以是以下任意一個：

// 垂直對齊方式
vertical-align: baseline; /* 默認值 */
vertical-align: sub;
vertical-align: super;
vertical-align: text-top;
vertical-align: text-bottom;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;
// 長度值
vertical-align: length;
vertical-align: %;

如果你想將子元素垂直居中，可以將其父元素的高度設置為固定值，并將子元素的 vertical-align 屬性設置為 middle：

.parent {
height: 200px;
}
.child {
vertical-align: middle;
}

如果想要將一個表格單元格中的內容垂直居中，可以使用 table-cell、line-height 和 vertical-align 屬性實現：

td {
display: table-cell;
vertical-align: middle;
line-height: normal;
}

除了以上方法，還可以通過設置 absolute 和 top 或 bottom 來實現元素在垂直方向上的對齊。

總之，我們可以根據需求使用不同的 vertical-align 值來在 CSS 中設置垂直對齊方式，相信這對我們的頁面美化一定有很大的幫助。