CSS可以通過在文本上添加樣式，使文本從上到下呈現(xiàn)出不同的效果。具體來說，我們可以利用“行高”和“垂直對(duì)齊方式”來實(shí)現(xiàn)垂直方向的文本布局。下面是具體的實(shí)現(xiàn)步驟： 1. 設(shè)置行高 我們可以使用CSS中的“l(fā)ine-height”屬性來設(shè)置段落的行高。通常情況下，將行高設(shè)置為文字大小的1.5倍或2倍可以獲得比較好的視覺效果。 例如，將行高設(shè)置為1.5倍： p { line-height: 1.5; } 2. 設(shè)置垂直對(duì)齊方式 默認(rèn)情況下，段落中的文本是沿著基線對(duì)齊的。我們可以使用CSS中的“vertical-align”屬性來設(shè)置文本的垂直對(duì)齊方式。通常情況下，將垂直對(duì)齊方式設(shè)置為“top”可以讓文本從上往下排列。 例如，將垂直對(duì)齊方式設(shè)置為"top"： p { vertical-align: top; } 3. 結(jié)合使用行高和垂直對(duì)齊方式 將行高和垂直對(duì)齊方式結(jié)合起來使用，就可以讓文本從上往下排列了。值得注意的是，這種方法需要我們將文本放在一個(gè)塊級(jí)元素（例如p標(biāo)簽）中，并將這個(gè)元素的“display”屬性設(shè)置為“inline-block”或“table-cell”。 例如，將一個(gè)段落用內(nèi)聯(lián)表格元素進(jìn)行包裹，并將垂直對(duì)齊方式設(shè)置為“top”，就可以讓文本從上往下排列了：

<style>
p {
display: table-cell;
vertical-align: top;
line-height: 1.5;
}
</style>
<p>這是一段文本。</p>
<p>這是另一段文本。</p>

綜上所述，通過設(shè)置行高和垂直對(duì)齊方式，我們可以很容易地讓文本從上往下排列，從而實(shí)現(xiàn)豎向文本布局。