CSS字體豎著設置方法 在網頁設計中，我們常常需要豎著排列文字，比如日文、中文書法等等，這就需要用到CSS的豎排文本功能。在CSS中，我們可以通過writing-mode屬性和transform屬性來設置豎排文本。 writing-mode屬性 writing-mode屬性是CSS3新增的屬性，用于指定文本流方向的方式，包括水平排列、垂直排列、中文書法排列。對于豎排文本，我們需要將writing-mode屬性設置為vertical-rl。 代碼如下：

p {
writing-mode: vertical-rl;
}

在這個例子中，我們將所有的p標簽文本流方向設置為豎排，即從右向左（rtl，right-to-left）排列。這樣，所有p標簽內的文字就都是豎排了。 transform屬性 除了writing-mode屬性，我們還可以通過transform屬性來實現豎排文本。transform屬性是CSS3新增的屬性，用于實現元素的旋轉、縮放、傾斜等效果。 在豎排文本中，我們可以使用transform屬性旋轉文字90度，使其豎排顯示。代碼如下：

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

在這個例子中，我們將所有p標簽內的文字旋轉了90度，使它們豎排顯示。同時，我們還設置了transform-origin屬性，將旋轉中心點設置為左上角，避免文字位置發生偏移。 綜上所述，無論是使用writing-mode屬性還是transform屬性，都可以實現豎排文本效果。在實際應用中，我們可以根據需要選擇不同的方法來設置豎排文本。