在CSS中,我們可以使用writing-mode
屬性來(lái)改變文本的書寫方向,為了讓字變豎,我們可以將writing-mode
設(shè)置為vertical-rl
或vertical-lr
。vertical-rl
表示從右到左垂直書寫,而vertical-lr
則表示從左到右垂直書寫。
如果我們想讓一段文本從右到左垂直書寫,我們可以這樣寫CSS代碼:
.vertical-text { writing-mode: vertical-rl; }
我們將這個(gè)樣式應(yīng)用到HTML元素中:
<div class="vertical-text"> 這是一段從右到左垂直書寫的文本。 </div>
這樣,文本就會(huì)以從右到左的順序垂直排列,同樣地,如果我們想讓文本從左到右垂直書寫,我們可以將writing-mode
設(shè)置為vertical-lr
。
需要注意的是,writing-mode
屬性在IE瀏覽器中不被支持,在使用這個(gè)屬性時(shí),我們需要確保我們的網(wǎng)站在IE瀏覽器中也能正常工作。