CSS實(shí)現(xiàn)文字豎排

在CSS中，我們可以使用writing-mode屬性來實(shí)現(xiàn)文字的豎排，這個屬性可以指定文本的方向，包括水平、垂直等，下面是一些示例代碼，可以幫助你實(shí)現(xiàn)文字的豎排：

1、豎排單行文本：

.vertical-text {
  writing-mode: vertical-rl; /* 垂直從右到左 */
  text-align: center; /* 文本居中 */
  height: 200px; /* 文本高度 */
  font-size: 24px; /* 字體大小 */
}

2、豎排多行文本：

.vertical-text {
  writing-mode: vertical-rl; /* 垂直從右到左 */
  text-align: center; /* 文本居中 */
  height: 400px; /* 文本高度 */
  font-size: 16px; /* 字體大小 */
}

3、豎排文本并旋轉(zhuǎn)90度：

.vertical-text {
  writing-mode: vertical-rl; /* 垂直從右到左 */
  transform: rotate(90deg); /* 旋轉(zhuǎn)90度 */
  height: 200px; /* 文本高度 */
  font-size: 24px; /* 字體大小 */
}

這些示例代碼可以幫助你實(shí)現(xiàn)文字的豎排，并且可以根據(jù)需要進(jìn)行調(diào)整，希望對你有所幫助！