CSS是一種強大的樣式表語言，可以幫助網頁開發者實現各種各樣的效果。在這里，我們將介紹如何使用CSS讓文字變成橫向排列，從而打造出一篇意想不到的橫向排版文章。 首先，我們需要使用p標簽來定義文章的段落，代碼則可以使用pre標簽。然后，我們要使用CSS來設置段落和代碼的樣式。具體操作如下： 1. 設置段落樣式 為p標簽添加以下CSS樣式： p { writing-mode: vertical-lr; text-orientation: upright; text-align: center; font-size: 24px; line-height: 60px; margin: 0; padding: 0; } 上述代碼中，writing-mode屬性設置了文字排列的方向，這里我們選擇了“vertical-lr”，即縱向從左到右排列。text-orientation屬性則設置了文字的方向，這里我們選擇了“upright”，表示正常的豎直排列。 text-align屬性用于設置文字的對齊方式，這里我們選擇了“center”，即居中對齊。同時，我們還設置了字體大小、行高、邊距等樣式，以確保段落的排版效果。 2. 設置代碼樣式 為pre標簽添加以下CSS樣式： pre { writing-mode: horizontal-tb; text-orientation: sideways; white-space: pre-wrap; font-size: 16px; line-height: 1.5; background-color: #f5f5f5; padding: 20px; border-radius: 5px; } 上述代碼中，writing-mode屬性改為了“horizontal-tb”，表示水平排列。text-orientation屬性設置為“sideways”，表示斜著展示。white-space屬性設置為“pre-wrap”，表示保留空格和換行符。 同時，我們還設置了字體大小、行高、背景顏色、內邊距和邊框圓角等樣式，以優化代碼的顯示效果。 通過以上的CSS設置，我們就可以實現一篇意想不到的橫向排版文章了。希望這篇介紹能幫助您掌握CSS中文字排版的技巧。