使用CSS控制文字豎著排的方法 - 使用writing-mode屬性 在網頁設計中，有時需要將文字豎著排列。這種排列方式在某些情況下可以有效地減少占用空間，增強設計感。CSS提供了writing-mode屬性，可以使用這個屬性將文字豎向排列。 writing-mode屬性是CSS3新增的屬性。它用來定義文本的排列方式。可以設置為horizontal-tb（默認，水平向左對齊），vertical-rl（豎向排列，從右到左），vertical-lr（豎向排列，從左到右）等值。 下面的代碼演示了如何使用writing-mode屬性來實現豎著排列的文字。 pre { writing-mode: vertical-rl; font-size: 14px; line-height: 20px; } 在上面的代碼中，pre標簽用于顯示代碼。我們把這些代碼豎著排列。writing-mode屬性被設置為vertical-rl，這意味著我們將以從右到左的順序排列文字。同時，我們設置了字體大小和行高，以便讀者能夠更好地看到文本。 注意：writing-mode屬性是CSS3新增的屬性，不是所有瀏覽器都支持。因此，在使用writing-mode屬性時，應該測試在不同瀏覽器下的效果。 總結 在本文章中，我們介紹了使用CSS實現文字豎著排的方法。通過使用writing-mode屬性，我們可以靈活地將文字排列成不同的方式，以適應我們的設計需求。在使用writing-mode屬性時，請注意它的瀏覽器兼容性，以便能夠為讀者提供更好的視覺體驗。