也许我还“清醒”的记得，在表格时代，用一个字一个<br>来弄个文字竖排的假象。一直以为只有在word中才实现的很完美(所谓的完美是指鼠标放上去的时候的鼠标光标显示为横的)，而网页中在记忆里似乎没有哪个标签可以实现此功能，还好，到了DIV+CSS时代，CSS的伟大神奇把一切推向了前进！

来看看用CSS实现文字竖排的代码(测试发现FF中无效)。
<style type="text/css"> <!-- .fs {     writing-mode:tb-rl; /*基本上就是这句的化腐朽为神奇了*/     text-align:center;     width: 36px;     letter-spacing: 2px; } --> </style> <div class="fs">欢迎来到我的BLOG:http://www.zendstudio.net/，在FF中似乎不起作用哦~</div>

你可以点击预览查看显示效果。

查了一下苏沉小雨同志的手册，


     我们用这个tb-rl就变成了竖排，嗯，这个解释够精辟 l=left,r=right,t=top,b=bottom,这个是群里的小薛MM的补充，太精辟了~！太神奇了~！太伟大了~！太…………

     同时我们找到了另一个能同样实现竖排效果的东东

           layout-flow : vertical-ideographic （表示自上而下），

另一属性当然就是自左而右了。呵呵~
<style type="text/css"> <!-- .fsp {     layout-flow : vertical-ideographic; /*这样也有一样的竖排效果，一样的不支持FF*/    Text-align:center;     width: 36px;     letter-spacing: 2px; } --> </style> <div class="fsp">欢迎来到我的BLOG:http://www.zendstudio.net/，在FF中似乎不起作用哦~</div>

可能与本文相关的一些内容

自己制作google桌面小工具 有趣的学习JS

js实现的轮换效果 图片+简介同步轮换 兼容多浏览器

网上铺天盖地的纯CSS实现lightbox效果的一点小改动

IE的绝对定位缺陷及修复方案

CSS hack几个新的标识符 - 区分IE7、IE6、FF和Opera