在HTML中,要實現字體豎排,需要使用CSS中的writing-mode屬性,該屬性可以設置字體的書寫方向。在CSS中,該屬性有四個取值:
writing-mode: horizontal-tb; /* 水平方向從左至右 */ writing-mode: vertical-rl; /* 豎直方向從上至下,文字從右往左 */ writing-mode: vertical-lr; /* 豎直方向從上至下,文字從左往右 */ writing-mode: sideways-rl; /* 每個字符旋轉90度,從上往下、從右往左排列 */
其中,vertical-rl和vertical-lr分別可以用于實現豎排文字。下面是一個簡單的例子:
豎排文字 Hello World!
運行上面的代碼,可以看到文字“Hello World!”豎直排列。