繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页文字实现竖排的几种方法
- HTML/XHTML教程
- HTML表格标记教程(45):表格的表主体标记<TBODY>
- HTML表格标记教程(46):表格的表尾标记<TFOOT>
- XHTML入门学习教程:XHTML超级链接<A>
- HTML表单标记教程(1):<FORM>标记概述
- HTML表单标记教程(2):<FORM>的属性应用
- HTML表单标记教程(3):输入标记<INPUT>
- HTML表单标记教程(4):<SELECT>标记
- HTML表单标记教程(5):文字域标记<TEXTAREA>
- HTML网页超链接标记<A>学习教程
- HTML网页图片标记<IMG>学习教程
- 标记语言：标题
- HTML标记语言：表格标记
- HTML标记语言：引用
- HTML标记语言：表单
- 标记语言：短语元素
- 标记语言：锚点
- 标记语言：再谈清单
- 标记语言：精简标签
- 标记语言：为文字指定CSS样式
- 标记语言：图片替换
HTML/XHTML教程 中的 网页文字实现竖排的几种方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 47 ::
收藏到网摘: n/a
这里提供2类3种解决办法。
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;}
＃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＞
＜p>内容在这里＜/p＞
＜p>内容在这里＜/p＞
＜p>内容在这里＜/p＞
＜/div＞
这样的话，content内不能有图片，开始有个＜p＞，结束有个＜/p＞,然后使用js找到第20、40、60、80...个字，在后边加＜/p＞＜p＞,碰到br也替换成＜/p＞＜p＞
这个替换好像很熟悉，哦，在这里让用户更好的编辑文本
评论 (0) All
