使用style="layout-flow:vertical-ideographic; text-align:center;"可以让文字竖排显示

实例代码:

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

 

1可以竖着显示文字的CSS<div style="layout-flow:vertical-ideographic; text-align:center; width:100px; height:300px;">Test Div Align</div> 


 

相关文章: