在CSS中,我們可以使用writing-mode
屬性來改變字體的書寫方向,為了讓字體橫向顯示,我們可以將writing-mode
屬性設(shè)置為horizontal-tb
,它表示文本在水平方向上書寫,從上到下。
.container { writing-mode: horizontal-tb; }
在這個示例中,我們假設(shè)有一個類名為container
的元素,我們將這個元素的writing-mode
屬性設(shè)置為horizontal-tb
,這樣該元素內(nèi)的文本就會橫向顯示。
需要注意的是,writing-mode
屬性只在支持CSS3或更高版本的瀏覽器上有效,在使用這個屬性時,請確保你的目標(biāo)瀏覽器支持這個特性。
如果你想要讓文本在水平方向上從左到右顯示,你可以將writing-mode
屬性設(shè)置為lr-tb
,這個設(shè)置表示文本在水平方向上書寫,從左到右,然后再從上到下。
.container { writing-mode: lr-tb; }
在這個示例中,文本將在水平方向上從左到右顯示,同樣,這個屬性也只在支持CSS3或更高版本的瀏覽器上有效。