可以豎著顯示文字的CSS

使用style="layout-flow:vertical-ideographic; text-align:center;"可以讓文字豎排顯示

執行個體代碼：

 1<table>
 2        <tr>
 3            <td colspan="1" rowspan="3" style="layout-flow:vertical-ideographic; text-align:center;">
 4                Test Title</td>
 5            <td style="width: 100px">
 6            </td>
 7            <td style="width: 100px">
 8            </td>
 9        </tr>
10        <tr>
11            <td style="width: 100px">
12            </td>
13            <td style="width: 100px">
14            </td>
15        </tr>
16        <tr>
17            <td style="width: 100px">
18            </td>
19            <td style="width: 100px">
20            </td>
21        </tr>
22    </table>

 

1<div style="layout-flow:vertical-ideographic; text-align:center; width:100px; height:300px;">Test Div Align</div>