CSS設(shè)置字豎排 CSS是一種常用的樣式表語(yǔ)言，它為網(wǎng)頁(yè)美化提供了很多自由度，包括字體、顏色、布局等等。其中一個(gè)很有趣的特性就是能夠設(shè)置字豎排。下面就來介紹一下如何使用CSS設(shè)置字豎排。 一、使用writing-mode屬性 writing-mode屬性用于設(shè)置元素的排版方式，包括橫排、豎排、橫豎結(jié)合等幾個(gè)選項(xiàng)。其中，豎排可選的值有：tb-rl（從上到下的豎排）、tb-lr（從下到上的豎排）。 例如，下面的代碼將p元素的文字豎排，并從下到上排列：

p {
writing-mode: tb-lr;
}

二、使用text-orientation屬性 text-orientation屬性用于設(shè)置文本排列方向。它只有在writing-mode屬性被設(shè)置成豎向時(shí)才會(huì)有作用。可選值包括 mixed（文本旋轉(zhuǎn)90度，且只旋轉(zhuǎn)數(shù)字、拉丁字母和基本符號(hào)）、upright（正立顯示文本，但是字符的位置仍然是從上到下或從下到上）、sideways（文本向左旋轉(zhuǎn)90度并且字符位置仍然橫向）。其中，upright是默認(rèn)值。 例如，下面的代碼將p元素的文字豎排，并向左旋轉(zhuǎn)90度：

p {
writing-mode: vertical-rl;
text-orientation: sideways;
}

三、使用CSS transform屬性 除了使用writing-mode和text-orientation屬性，還可以使用CSS的transform屬性來實(shí)現(xiàn)文字的豎排。transform屬性可以對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、傾斜等變形操作。 例如，下面的代碼將p元素的文字豎排，并向左旋轉(zhuǎn)90度：

p {
transform: rotate(-90deg);
}

以上就是使用CSS設(shè)置字豎排的三種方法。根據(jù)具體情況選擇不同的方法即可。