HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« ASP中用eval()函数将字符串转换为变量名的方法Windows 2003中给USB移动硬盘自动分配盘符的方法 »

网页设计中用CSS设置文字竖排的方法

    最近在做一个项目的时候用到了网页文字竖排的效果,于是在网上进行搜索,找到了两种方法:一种是设置CSS样式为:writing-mode:tb-rl;另一种是设置CSS样式为:layout-flow: vertical-ideographic;,但是这两种方法只适用于IE浏览器,在Firefox中无效啊,郁闷~!不过最终还是把问题解决了,赶快拿来分享!

    其实解决这个问题最简单的方法就是设置好DIV的字符宽度,经过多次测试,如果是中文字竖排,将宽度设置为1.5em为最佳,具体的代码如下所示:

 
<div style="width:1.5em; ">研究互联网络和电脑应用技术的IT技术网</div>

    输出结果如下所示:

研究互联网络和电脑应用技术的IT技术网


欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/673.htm
  • quote 2.
  • 表格和列表比div会好一点,不过还不是理想的方法
  • 2009-8-21 下午 02:06:26 回复该留言
  • quote 1.雨梦
  • 你这种方法,只能对付少量的文字。如果是一大篇文章,这个问题还是没有解决啊。
  • 2009-7-20 上午 09:29:32 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version