CSS表格文字豎排顯示的方法

在CSS中，我們可以使用“writing-mode”屬性來將表格中的文字豎排顯示，這個屬性可以設(shè)置為“vertical-rl”或“vertical-lr”，分別表示從右到左或從左到右的豎排方式。

下面是一個示例代碼，展示如何將CSS應(yīng)用于表格，使文字豎排顯示：

HTML代碼：

<table>
  <tr>
    <td>姓名</td>
    <td>年齡</td>
    <td>性別</td>
  </tr>
  <tr>
    <td>張三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>女</td>
  </tr>
  <tr>
    <td>***五</td>
    <td>40</td>
    <td>男</td>
  </tr>
</table>

CSS代碼：

table {
  writing-mode: vertical-rl;
}

在這個示例中，我們首先將“writing-mode”屬性設(shè)置為“vertical-rl”，這將使表格中的文字從右到左豎排顯示，我們定義了一個表格，其中包含姓名、年齡和性別三列數(shù)據(jù)，在表格的每一行中，我們將姓名、年齡和性別數(shù)據(jù)分別填充到對應(yīng)的列中，這樣，我們就可以在瀏覽器中看到豎排顯示的表格文字了。