在網頁中，文字常常被排列為橫向的形式，但有時候為了美觀或者其他原因，我們需要將文字排列為豎直的形式。這時候就需要使用CSS來實現。
首先，在CSS中，我們可以使用transform屬性中的rotate()函數來實現文字垂直排列。該函數接受一個角度值，將元素旋轉對應的角度。
例如，我們可以使用以下代碼將文本旋轉90度，使其垂直排列：

p {
transform: rotate(90deg);
}

這樣，所有使用p標簽包裹的文本都會被旋轉90度，從而實現豎直排列。
但是，要注意的是，這種方法可能會導致部分文字溢出元素邊界，因此我們還需要設置一些額外的樣式來解決這個問題。
首先，可以將文字容器的寬度調整為合適的大小，使得文字不會溢出容器。例如：

p {
transform: rotate(90deg);
width: 1em;
height: 3em;
overflow: hidden;
}

在這個例子中，我們將容器的寬度設置為1em，高度設置為3em，overflow屬性設置為hidden，使得文字超出容器的部分被隱藏起來，不會破壞頁面布局。
另外，需要注意的是，在某些瀏覽器中，對于使用transform屬性的元素進行文本選擇和復制時可能會出現問題。因此，如果需要支持文本選擇和復制功能，可以考慮使用writing-mode屬性來實現豎直排列。
寫作模式屬性可以設置元素的書寫方向和方向。例如，以下代碼將文本排在容器的右側：

p {
writing-mode: vertical-rl;
}

這樣，所有使用p標簽包裹的文本都會從右至左水平排列，從而實現豎直排列。
總之，在進行文字豎直排列時，我們可以使用transform或writing-mode屬性來實現。無論哪種方法，在設置樣式時都需要注意排列不規律的問題，以保證頁面布局的美觀和穩定。