当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页文字实现竖排的几种方法

HTML/XHTML教程
认清CSS的类class和标识id选择符
网站设计之合理架构css
用css样式表实现首字大写特效
DIV与Table布局在大型网站的可用性比较
css滑动门技术的一些总结和归纳
CSS的“顶级”技巧
谈谈CSS样式表中的类和伪类
网站重构 CSS样式表的优化与技巧
网页设计中针对中文排版CSS心得
如何有效管理好CSS
怎样管理好样式
完全CSS写的鼠标悬停tip效果
CSS中display与visibility的区别
实时切换网页的CSS样式实现
Div + CSS 高度自适应解决方案
XHTML+CSS布局之XHTML应用小结
css布局定位系列:相对定位
使用图片和CSS结合制作动画按钮
Div+CSS网站设计的优点
5款纯div+css制作的弹出菜单(标准且无js)

HTML/XHTML教程 中的 网页文字实现竖排的几种方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 50 ::
收藏到网摘: 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;}

HTML
引用
<div id="content">
    <p>内容在这里</p>
    <p>内容在这里</p>
    <p>内容在这里</p>
</div>

这样的话,content内不能有图片,开始有个<p>,结束有个</p>,然后使用js找到第20、40、60、80...个字,在后边加</p><p>,碰到br也替换成</p><p>
这个替换好像很熟悉,哦,在这里让用户更好的编辑文本