可以竖着显示文字的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>
        <tr>
            <td style="width: 100px">
            </td>
            <td style="width: 100px">
            </td>
        </tr>
        <tr>
            <td style="width: 100px">
            </td>
            <td style="width: 100px">
            </td>
        </tr>
    </table>

 

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