HTML5技术

网页文字实现竖排的方法_HTML教程

字号+ 作者:H5之家 来源:H5之家 2015-09-23 11:06 我要评论( )

网页文字实现竖排的方法,学习网页文字实现竖排的方法,网页文字实现竖排的方法,查看网页文字实现竖排的方法,网页文字实现竖排的几种方法给大家介绍几个实现网页文

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

给大家介绍几个实现网页文字竖排的方法.....

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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网页布局设计的基本原则_HTML教程

    网页布局设计的基本原则_HTML教程

    2015-09-23 12:03

  • 网页设计应遵循的原则_HTML教程

    网页设计应遵循的原则_HTML教程

    2015-09-23 11:04

  • 网页头部代码_HTML教程

    网页头部代码_HTML教程

    2015-09-19 18:16

  • 网页表格表框制作技巧_HTML教程

    网页表格表框制作技巧_HTML教程

    2015-09-19 18:05

网友点评
i