CSS如何實現橫向文本排列 在網頁設計中，文本排列是一項極其重要的任務。有時候我們需要讓文本沿著水平方向排列，這篇文章就來介紹如何用CSS實現橫向文本排列。 首先我們需要了解一下CSS中的文本方向屬性，其中有一個叫做writing-mode的屬性可以用來實現橫向文本排列。 writing-mode屬性有以下幾個常用的屬性值： 1. horizontal-tb：這是默認值，表示水平方向從上到下的文本排列方式。 2. vertical-rl：表示垂直方向從右往左的文本排列方式。 3. vertical-lr：表示垂直方向從左往右的文本排列方式。 如果我們想實現橫向文本排列，只需要將writing-mode屬性設置為vertical-lr即可。 下面是一個示例代碼，讓我們看一下具體的實現方法： pre{ writing-mode: vertical-lr; font-size: 16px; } p { writing-mode: horizontal-tb; font-size: 16px; } 通過以上CSS代碼，我們可以將pre標簽中的文字實現了橫向排列，而p標簽中的文字則按照默認的方式排列。 思路就是這樣，很簡單吧！當然，如果你希望調整文字的大小、顏色以及字間距等屬性，只需要在上述代碼基礎上添加相應的CSS樣式即可。