博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

可以竖着显示文字的CSS

Posted on 2008-07-17 14:32  LonelyStar  阅读(1855)  评论(1编辑  收藏  举报

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