使用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>
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>