HTML和CSS是網頁設計中必不可少的兩個元素。在使用CSS進行網頁布局時，經常需要設計文本的排版，其中縱向排列也是一種較為常見的排版方式。接下來，我們來介紹一些CSS設置文本縱向排列的方法。 在CSS中，有三個屬性可以用來調整文本的縱向排列，它們分別是vertical-align、line-height和display。下面我們將逐個介紹這些屬性的使用方法。 1、vertical-align vertical-align用來設置行內元素中的文本的縱向位置。它的取值可以是baseline、top、middle、bottom等。其中baseline表示基準線，top表示上邊緣，middle表示中間位置，bottom表示下邊緣。 下面是一個例子：

p {
vertical-align: middle;
}

在這個例子中，我們將文本的縱向位置設置為中間位置。 2、line-height line-height用來設置行高，也就是每一行的高度。當行高大于文本的實際高度時，文本會在行內垂直居中。這也是一種縱向排列的方式。 下面是一個例子：

p {
line-height: 2;
}

在這個例子中，我們將行高設置為2倍文本高度。這樣，文本會在行內垂直居中。 3、display display屬性用來設置元素的顯示方式。其中，inline-block是一種行內塊級元素，可以將元素放置在同一行內，并支持設置寬度和高度。設置為inline-block后，我們可以利用vertical-align屬性實現縱向排列。 下面是一個例子：

p {
display: inline-block;
vertical-align: middle;
}

在這個例子中，我們將p元素的顯示方式設置為inline-block，并將文本的縱向位置設置為中間位置。 總結 以上就是CSS設置文本縱向排列的三種方法。在實際應用中，我們可以根據需要選擇其中一種或多種方法進行排列。同時，還需要注意不同元素的默認樣式，以免出現意外效果。