SQL吧 网站源码下载 企业网站源码下载 免费网站源码下载

当前位置: 主页 > 教程 > 网页 > CSS教程 >

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

时间:2013-03-28 09:31来源:网络整理 作者:SQL吧 点击:
网页文字实现竖排的几种方法
企业站建365全包!先制作!后付款!600多套模版任你选择!晴网www.138.la专注企业站建仿站、域名、空间、云主机、服务器, 咨询电话:020-29031983 qq:2769485357

  这里提供2类3种解决措施。

  1:使用flash+xml实现

  将内容放到xml内,在flash内读取并加载到设置好的场景中。text设置文字方向。

  2:使用html页面内swf后缀实现

  例:<param name="movie" value="index.swf?name=文字内容"/&gt;

  其他基本上与第一个一样。

  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"&gt;

  <p>内容在这里</p>

  <p>内容在这里</p>

  <p>内容在这里</p>

  </div>

  这样的话,content内不能有图片,开始有个<p>,结束有个</p>,然后使用js找到第20、40、60、80...个字,在后边加</p><p>,碰到br也替换成</p><p>

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

(责任编辑:编辑部)
顶一下
(0)
0%
踩一下
(0)
0%
0
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
栏目列表
推荐内容