您现在的位置:多问网知识中心电脑教学网页设计网页设计中用CSS设置文字竖排的方法

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

06-11 19:36:48   浏览次数:41726  栏目:网页设计
标签:网页设计教程,网页设计知识,http://www.duowen123.com 网页设计中用CSS设置文字竖排的方法,

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

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

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

    输出结果如下所示:

研究互联网络和电脑应用技术的IT技术网,网页设计中用CSS设置文字竖排的方法
相关热词搜索: tag: 网页设计,网页设计教程,网页设计知识,电脑教学 - 网页设计
上一篇:解决Fireworks切片时生成spacer.gif垃圾代码的方法
文章评论
联系我们 | 网站地图 | 范文大全 | 管理资料 | 驾照考试 | 教学资料 | 名言大全 | 软件下载
Copyright @ 多问网 all rights reserved
学生评语_教案设计_小学语文试卷
1 2 3 4 5 6 7 8 9 10 11 12