在CSS中,我們可以使用writing-mode
屬性來(lái)控制文本的書(shū)寫(xiě)方向,如果你想要讓字體豎著寫(xiě),可以將writing-mode
設(shè)置為vertical-rl
或者vertical-lr
。vertical-rl
表示從右到左垂直書(shū)寫(xiě),而vertical-lr
則表示從左到右垂直書(shū)寫(xiě)。
如果你想要讓一段文本豎著寫(xiě)在網(wǎng)頁(yè)的左側(cè),可以使用以下CSS樣式:
.vertical-text { writing-mode: vertical-lr; transform: rotate(-90deg); position: absolute; left: 0; top: 0; }
這段CSS樣式會(huì)將.vertical-text
類(lèi)的元素設(shè)置為從左到右垂直書(shū)寫(xiě),并且將其旋轉(zhuǎn)-90度,使其豎直顯示在網(wǎng)頁(yè)的左側(cè),你可以根據(jù)需要調(diào)整left
和top
屬性來(lái)控制文本的具體位置。
如果你想要讓文本豎著寫(xiě)在網(wǎng)頁(yè)的右側(cè),可以將writing-mode
設(shè)置為vertical-rl
,并將文本旋轉(zhuǎn)90度:
.vertical-text { writing-mode: vertical-rl; transform: rotate(90deg); position: absolute; right: 0; top: 0; }
這樣,文本就會(huì)從右到左垂直書(shū)寫(xiě),并顯示在網(wǎng)頁(yè)的右側(cè),同樣地,你可以通過(guò)調(diào)整right
和top
屬性來(lái)控制文本的具體位置。