在CSS中,我們可以使用“writing-mode”屬性控制文字的顯示方式。將“writing-mode”屬性設置為“vertical-rl”或“vertical-lr”,可以使文字在垂直方向上顯示。
p { writing-mode: vertical-rl; /* 或者 writing-mode: vertical-lr; */ }
當使用“writing-mode: vertical-rl;”時,文字將從右到左垂直顯示;而使用“writing-mode: vertical-lr;”時,文字將從左到右垂直顯示。
此外,還可以使用“text-orientation”屬性來控制文字的方向。將其設置為“upright”可以讓文字直立顯示。
p { writing-mode: vertical-rl; text-orientation: upright; }
通過調整“writing-mode”和“text-orientation”屬性的值,可以實現不同方向和形態的文字顯示效果。注意,這些屬性僅在一些現代瀏覽器中支持,需要仔細測試兼容性。