在CSS中，可以使用vertical-align屬性來使字體垂直居中，這個屬性可以應用于行內元素和表格單元格，但需要注意的是，它并不適用于塊級元素。

要使字體在塊級元素中垂直居中，可以通過設置height和line-height屬性來實現(xiàn)。height屬性設置塊級元素的高度，而line-height屬性設置文本行的高度，當line-height等于height時，文本就會垂直居中顯示。

CSS的flexbox布局也可以實現(xiàn)字體的垂直居中。flexbox是一種強大的布局工具，可以輕松地使元素在容器中垂直居中。

在HTML中，可以使用<div>元素來創(chuàng)建一個塊級元素，并使用CSS來設置其樣式，以下代碼可以創(chuàng)建一個寬度為200像素、高度為100像素的塊級元素，并將文本垂直居中顯示：

<div style="width: 200px; height: 100px; line-height: 100px; text-align: center;">
  垂直居中的文本
</div>

在這個例子中，line-height屬性被設置為100像素，與height屬性相同，因此文本會在元素中垂直居中顯示。text-align屬性被設置為center，使文本在水平方向上居中顯示。