首页 > 编程 > HTML > 正文

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

2024-08-26 00:09:34

字体：大中小

来源：转载

供稿：网友

这里提供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＞
这个替换好像很熟悉，哦，在这里让用户更好的编辑文本

上一篇：实现lightBox时的样式与行为分离减少JS

下一篇：知名浏览器对DOCTYPE模式的选择机制

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注