| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2620 人关注过本帖
标题:关于竖排文字垂直居中的问题
只看楼主 加入收藏
sldtk1
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:20
帖 子:624
专家分:258
注 册:2006-5-4
结帖率:100%
收藏
 问题点数:0 回复次数:8 
关于竖排文字垂直居中的问题
一般情况下,都只用横排文字的垂直居中,但是竖排文字怎么实现呢?请指教,谢谢!
搜索更多相关主题的帖子: 文字 竖排 
2008-11-03 14:12
kai
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:52
帖 子:3450
专家分:59
注 册:2004-4-25
收藏
得分:0 
想到两个方法。

方法一:用photoshop 做一个背景图,将文字竖排进去,保存该图片,然后在html中放入这张图就可以了。

方法二:用div 设置一个区域,然后用<br /> 强迫文字换行。
比如:
<div style="margin-left:1em;">
竖<br />
排<br />
文<br />
字<br />
测<br />
试<br />

</div>

自由,民主,平等,博爱,进步.
中华民国,我的祖国,中华民国万岁!中华民国加油!
本人自愿加入中国国民党,为人的自由性,独立性和平等性而奋斗!
2008-11-03 15:46
sldtk1
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:20
帖 子:624
专家分:258
注 册:2006-5-4
收藏
得分:0 
呵呵,这些都考虑过,不过还是想从css或js技术上解决这个问题。。。
2008-11-03 16:06
kai
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:52
帖 子:3450
专家分:59
注 册:2004-4-25
收藏
得分:0 
你的话不太明白。

是没有达到效果还是什么其他?

自由,民主,平等,博爱,进步.
中华民国,我的祖国,中华民国万岁!中华民国加油!
本人自愿加入中国国民党,为人的自由性,独立性和平等性而奋斗!
2008-11-03 16:11
sldtk1
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:20
帖 子:624
专家分:258
注 册:2006-5-4
收藏
得分:0 
呵呵,这样虽然可以达到目的,但是总觉得不够完善,如果字有五百行或更多怎么办,不能老写这些吧,所以想通过一个脚本来实现
2008-11-03 17:55
kai
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:52
帖 子:3450
专家分:59
注 册:2004-4-25
收藏
得分:0 
既然你说功能可以达到,那么你上面所说的就是一个页面自动生成的问题。

这个问题其实不难解决。如果你会php的话,那么就可以自己写一个函数,由该函数来实现这个自动换行功能。

先将你要竖排的文字放入一个string 中,然后逐个取字,然后在其后面加上<br />, 并输出就可以了.

自由,民主,平等,博爱,进步.
中华民国,我的祖国,中华民国万岁!中华民国加油!
本人自愿加入中国国民党,为人的自由性,独立性和平等性而奋斗!
2008-11-03 18:36
kai
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:52
帖 子:3450
专家分:59
注 册:2004-4-25
收藏
得分:0 
如果只是几个字, 那么就没有必要通过函数来实现了, 完全可以通过手写代码.

自由,民主,平等,博爱,进步.
中华民国,我的祖国,中华民国万岁!中华民国加油!
本人自愿加入中国国民党,为人的自由性,独立性和平等性而奋斗!
2008-11-03 18:38
nicechlk
Rank: 3Rank: 3
等 级:论坛游侠
威 望:4
帖 子:330
专家分:187
注 册:2008-9-6
收藏
得分:0 
恩,有道理

莫以善小而不为,莫以恶小而为之!
2008-11-04 01:35
music3d
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2011-7-4
收藏
得分:0 
如果是IE浏览器,通过一个CSS属性可以改变“writing-mode:tb-rl;”火狐和WebKit内核浏览器不支持。
2011-07-04 17:46
快速回复:关于竖排文字垂直居中的问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.012256 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved