CSS中的基線是指行內元素中文字的基準線，它通常是字母x的底部。

x

在CSS中，我們可以使用vertical-align屬性來設置基線。常用的值有：

• baseline：默認值，將元素與父元素的基線對齊。
• top：將元素與父元素的頂部對齊。
• bottom：將元素與父元素的底部對齊。
• middle：將元素與父元素的正中對齊。

<div style="background-color:gray; height: 50px;">
<span style="font-size: 20px; vertical-align: middle;">CSS基線</span>
</div>

值得注意的是，vertical-align屬性只對行內元素有效，對塊級元素無效。如果需要在塊級元素中使用基線，我們可以將元素的display屬性設置為inline-block或inline，這樣就可以使用vertical-align屬性了。

<div style="background-color:gray; height: 50px;">
<div style="display: inline-block; vertical-align: middle;">
<span style="font-size: 20px;">CSS基線</span>
</div>
</div>

總之，了解并合理使用CSS中的基線屬性，可以讓我們更好地控制頁面中文字的位置，達到更好的排版效果。