CSS基線垂直對齊是一種在Web開發中常用的技術，它可以使文本、圖像以及其他元素按照一條基準線進行垂直對齊。

在HTML中，基線是字母x的底部。CSS基線垂直對齊是通過設置元素的vertical-align屬性來實現的。

p{
vertical-align: baseline;
}

在以上的示例中，我們將vertical-align屬性設置為baseline，使得所有的<p>元素都按照基線進行垂直對齊。

除了使用基線進行垂直對齊外，CSS還支持其他對齊方式，如頂部對齊、底部對齊和中心對齊。

img{
vertical-align: middle;
}

在以上的示例中，我們將vertical-align屬性設置為middle，使得所有的<img>元素都按照中心進行垂直對齊。

需要注意的是，在某些情況下，設置vertical-align屬性可能無效。例如，當元素被設置為display: flex或display: grid時，vertical-align屬性將無效。

因此，在使用CSS基線垂直對齊時，需要對所需對齊的元素進行合適的布局設置。