在網頁設計中，垂直排列的文字通常可以為頁面帶來獨特的視覺效果，同時也能夠提高頁面的易讀性。如何讓文字豎直排列呢？這就需要使用CSS中的writing-mode屬性了。 下面是一個簡單的示例代碼，演示如何讓文字豎直排列：

p {
writing-mode: vertical-lr;
/* 以上代碼表示豎直排列，從左到右 */
text-orientation: upright;
/* 以上代碼表示文字方向為正立，也就是豎直方向，而不是倒置的 */
white-space: nowrap;
/* 以上代碼表示不折行 */
}

在上面的代碼中，我們使用了writing-mode屬性來指定文字的排列方向為vertical-lr，表示從上到下，從左向右排列。同時，我們還使用了text-orientation屬性來確保文字正立方向正確，這里我們指定為upright，表示正立。 最后，我們還使用了white-space屬性來確保文字不會被折行。這在豎直排列的文字中非常重要，因為如果文字被折行，閱讀將變得更加困難。 使用CSS中的writing-mode屬性可以輕松實現文字豎直排列，而且還可以通過調整屬性值來實現不同的排列方式。無論您是在設計電子書、編寫報告還是創建網頁，都可以使用這種方法為文本增添更加獨特的視覺效果。