CSS讓數(shù)字“豎”起來

在CSS中，我們可以使用transform屬性將數(shù)字“豎”起來，以下是一個簡單的例子：

HTML代碼：

<div class="vertical-number">123456</div>

CSS代碼：

.vertical-number {
  transform: rotate(-90deg);
  writing-mode: vertical-rl;
}

在這個例子中，我們定義了一個名為.vertical-number的類，用于將數(shù)字“豎”起來，我們使用transform屬性將數(shù)字旋轉(zhuǎn)-90度，使其變?yōu)榇怪狈较颍覀兪褂脀riting-mode屬性將文本方向設(shè)置為垂直右到左（vertical-rl），以符合中文閱讀習慣。

當我們將這個類應用到一個數(shù)字上時，這個數(shù)字就會“豎”起來，我們可以根據(jù)需要調(diào)整這個數(shù)字的大小和顏色，我們可以添加一些樣式來使這個數(shù)字更加醒目：

.vertical-number {
  transform: rotate(-90deg);
  writing-mode: vertical-rl;
  font-size: 24px;
  color: red;
}

在這個例子中，我們將數(shù)字的大小調(diào)整為24像素，并將顏色設(shè)置為紅色，以使這個數(shù)字更加醒目，這只是一個簡單的例子，我們可以根據(jù)具體需求進行調(diào)整和擴展。