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

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 06:51 点击:

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

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 7大主流B2C首页导航栏设计对比分析
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1