网页文字实现竖排的方法

网页文字实现竖排的几种方法

给大家介绍几个实现网页文字竖排的方法.....

1：使用flash+xml实现。
    将内容放到xml内，在flash内读取并加载到设置好的场景中。text设置文字方向。

2：使用html页面内swf后缀实现。
    例：＜param name="movie" value="index.swf?name=文字内容"/＞
    其他基本上与第一个一样。
    as3获取地址swf后的参数问题

3：给p定宽定高来实现文字竖排。
    首先确认单位，使用em，设置p的高，假设为20em，那么一列就是20个字符。
CSS

引用
＃content{overflow:hidden;clear:both;text-align:right}/*text-align表示文字起始方向，左或右。*/
＃content p{font-size:14px;width:1.2em;display:inline;text-align:center;line-height:1.5em;}

HTML

引用
＜div id="content">
    ＜p>内容在这里＜/p＞
    ＜p>内容在这里＜/p＞
    ＜p>内容在这里＜/p＞
＜/div＞

这样的话，content内不能有图片，开始有个＜p＞，结束有个＜/p＞,然后使用js找到第20、40、60、80...个字，在后边加＜/p＞＜p＞,碰到br也替换成＜/p＞＜p＞