如何在 CSS 中實現真正的垂直文字方向？

使用書寫模式的垂直文字方向

在此查詢中，使用者表達了對垂直文字方向的渴望，類似於Microsoft 中可實現的功能單字表。所提供的利用 CSS 旋轉的解決方案並沒有達到他們的期望。

幸運的是，CSS bietet 提供了一種透過「writing-mode」屬性實現真正垂直文字方向的替代方法。透過將「writing-mode」設定為「tb-rl」（從上到下，從右到左），您可以有效地將文字旋轉 90 度，從而實現垂直文字方向，而沒有 CSS 旋轉的缺點。

範例：

p {
  writing-mode: tb-rl;
}

這種方法為 CSS 中的垂直文字方向提供了更優雅且語意正確的解決方案。它保持文字的自然流動，並避免 CSS 旋轉可能出現的扭曲和對齊問題。

以上是如何在 CSS 中實現真正的垂直文字方向？的詳細內容。更多資訊請關注PHP中文網其他相關文章！