在CSS中，字體的上下間距是指文字中心線與行基線之間的距離。 我們可以使用CSS的line-height屬性來控制字體的上下間距，該屬性指定文本行的高度，即行框盒子的高度。例如，將line-height設為1.5，則行框盒子的高度是字體大小的1.5倍。 代碼示例：

p {
font-size: 16px;
line-height: 1.5;
}

值得注意的是，line-height屬性的值不僅可以是一個固定的像素值或em/rem單位，還可以是一個無單位的數字。這個數字指定了一個相對于當前字體大小的比例因子，如line-height: 1.5;表示字體的高度為字體大小的1.5倍。 如果需要更精細的控制字體的上下間距，可以使用CSS的vertical-align屬性。該屬性用于設置元素內部的行內元素或表格單元格元素在垂直方向上的對齊方式。同時，該屬性還可以用于調整圖片、表格單元格或文本的垂直對齊方式。 代碼示例：

img {
vertical-align: middle;
}
td {
vertical-align: top;
}

在以上代碼中，將圖片的垂直對齊方式設為middle，可以使其與文本的中心線對齊。將表格單元格的垂直對齊方式設為top，則可以使表格單元格中的文本與單元格頂部對齊。 總之，在CSS中，我們可以通過line-height和vertical-align屬性來控制字體的上下間距，從而使網頁更加美觀。