繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页文字实现竖排的几种方法
- HTML/XHTML教程
- HTML表格标记教程(4):边框色属性BORDERCOLOR
- HTML表格标记教程(1):制作表格
- HTML表格标记教程(2):表格的边框属性BORDER
- HTML教程,简单学习HTML语言(2)
- HTML表格标记详细讲解(适合初学者)
- 网页制作解惑:图象文件的路径
- HTML教程,简单学习HTML语言
- HTML基础:HTML的基本结构
- HTML教程,认识optgroup元素
- 网页输入框的样式触发效果
- HTML教程,HTML默认样式
- 超链接打开目标(target)的测试
- XHTML教程,简单认识XHTML基础知识
- HTML表格标记教程(35):跨列属性COLSPAN
- HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
- HTML表格标记教程(34):跨行属性ROWSPAN
- HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
- HTML表格标记教程(32):单元格的水平对齐属性ALIGN
- HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
- HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
HTML/XHTML教程 中的 网页文字实现竖排的几种方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 36 ::
收藏到网摘: 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
