CSS豎著的文字怎么弄?
在CSS中,我們可以使用writing-mode
屬性來(lái)將文字豎排,這個(gè)屬性可以設(shè)置為vertical-rl
(從右到左垂直書寫)或vertical-lr
(從左到右垂直書寫)。
如果我們想要將一個(gè)段落豎排,可以這樣做:
p { writing-mode: vertical-rl; }
這樣,該段落中的文字就會(huì)從右到左垂直排列。
如果我們想要將多個(gè)段落豎排,可以給他們一個(gè)共同的類名,然后在CSS中對(duì)該類名應(yīng)用writing-mode
屬性:
<div class="vertical-text"> <p>這是***個(gè)豎排段落。</p> <p>這是第二個(gè)豎排段落。</p> <p>這是第三個(gè)豎排段落。</p> </div>
.vertical-text p { writing-mode: vertical-rl; }
這樣,所有段落中的文字都會(huì)從右到左垂直排列。
需要注意的是,writing-mode
屬性只在CSS3及更高版本中受支持,因此在使用時(shí)需要注意瀏覽器的兼容性。