在網站開發中，除了常規的橫向排列文本，有時也需要豎向排列文本的需求。本文將介紹如何通過CSS設置文本豎向排列。 首先，在HTML中，我們需要將需要豎向排列的文本放進一個p標簽中，如下所示：

<p>這是豎向排列的文本</p>

接下來，我們需要設置CSS樣式來實現文本豎向排列。首先，將p標簽的display屬性設置為inline-block，使得文本可以按順序排列并形成縱向排列。如下所示：

p {
display: inline-block;
}

接著，我們需要將文本翻轉90度，以實現豎向排列的效果。這可以通過CSS3中的transform屬性實現。具體來說，我們需要旋轉元素-90度，并向左偏移其寬度的一半，以使其在頁面的左側正好排列好。代碼如下：

p {
display: inline-block;
transform: rotate(-90deg);
transform-origin: left top;
vertical-align: middle;
white-space: nowrap;
}

最后，我們可以添加其他樣式來美化文本，如字體、顏色、行高等。完整的代碼如下：

<style>
p {
display: inline-block;
transform: rotate(-90deg);
transform-origin: left top;
vertical-align: middle;
white-space: nowrap;
font-size: 14px;
color: #000;
line-height: 18px;
}
</style>
<p>這是豎向排列的文本</p>

通過以上CSS設置，我們可以輕松地實現文本豎向排列的效果，在網站開發中更加靈活方便的展示內容。