在 CSS 中,大家可以通过writing-mode
属性来设置文字的方向。具体来说,有以下四种文字方向:
.vertical-text { writing-mode: vertical-rl; /* 从右向左垂直排列文字 */ } .horizontal-text { writing-mode: horizontal-tb; /* 从上向下水平排列文字 */ } .south-text { writing-mode: vertical-lr; /* 从左向右垂直排列文字 */ text-orientation: sideways; /* 将文字旋转 180 度(即水平翻转) */ } .east-text { writing-mode: vertical-rl; /* 从右向左垂直排列文字 */ text-orientation: sideways; /* 将文字旋转 90 度(即顺时针旋转) */ }
其中,vertical-rl
表示文字从右向左垂直排列;horizontal-tb
表示文字从上向下水平排列;vertical-lr
表示文字从左向右垂直排列;sideways
表示文字在垂直方向上旋转。
以上四种文字方向可以根据具体需要灵活使用,以满足不同网页设计的需求。