CSS中可以通過(guò)writing-mode屬性來(lái)實(shí)現(xiàn)字豎排，該屬性可以設(shè)置為vertical-rl或者vertical-lr，分別表示從上往下豎排和從下往上豎排。
例如下面的代碼可以實(shí)現(xiàn)一個(gè)從上往下豎排的文本：

p {
writing-mode: vertical-rl;
}

而下面的代碼可以實(shí)現(xiàn)一個(gè)從下往上豎排的文本：

p {
writing-mode: vertical-lr;
}

另外，還可以通過(guò)transform屬性來(lái)實(shí)現(xiàn)字體的旋轉(zhuǎn)，例如下面的代碼可以通過(guò)旋轉(zhuǎn)文本90度的方式實(shí)現(xiàn)一個(gè)豎排的文本：

p {
transform: rotate(90deg);
}

使用這種方式時(shí)需要注意，旋轉(zhuǎn)后的文本可能會(huì)重疊在一起，需要通過(guò)修改line-height、padding等屬性來(lái)進(jìn)行調(diào)整，以保證不同行之間的文本不會(huì)重疊。
需要注意的是，CSS中的字豎排是一種排版效果，不同于中文傳統(tǒng)的豎排方式，它不會(huì)自動(dòng)調(diào)整文字的排列順序和排版風(fēng)格，需要開(kāi)發(fā)者自行設(shè)計(jì)和調(diào)整排版效果。