首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>CSS教程>资讯:网页文字实现竖排的几种方法

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

www.jz123.cn  2009-07-28   来源:   中国建站    责任编辑(袁袁)    我要投递新闻

  这里提供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>

  这个替换好像很熟悉,哦,在这里让用户更好的编辑文本


上一篇:CSS Sprites优化网页代码的方法 下一篇:Web页面中使用自定义选择框Select

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图