在CSS中,可以使用writing-mode
屬性來(lái)設(shè)置文本的呈現(xiàn)方向,為了讓字體橫向呈現(xiàn),可以將writing-mode
屬性設(shè)置為horizontal-tb
,這表示文本將從左到右橫向排列。
以下是一個(gè)簡(jiǎn)單的示例,展示如何將CSS字體設(shè)置為橫向呈現(xiàn):
<!DOCTYPE html> <html> <head> <style> .container { writing-mode: horizontal-tb; } </style> </head> <body> <div class="container"> 這是一段橫向呈現(xiàn)的文本。 </div> </body> </html>
在上面的示例中,我們創(chuàng)建了一個(gè)名為container
的類,并將writing-mode
屬性設(shè)置為horizontal-tb
,我們將這個(gè)類應(yīng)用到一個(gè)<div>
元素上,這樣該元素中的文本就會(huì)橫向排列了。
writing-mode
屬性是CSS3的一部分,因此請(qǐng)確保您的瀏覽器支持CSS3,該屬性的值不僅限于horizontal-tb
,還可以設(shè)置為其他值,如vertical-rl
或vertical-tb
,以改變文本的排列方式,對(duì)于簡(jiǎn)單的橫向呈現(xiàn)需求,horizontal-tb
已經(jīng)足夠了。