css汉字竖写~

如果用ie的私有属性:direction: rtl;和writing-mode: tb-rl;在mozilla、chrome、opera等浏览器是无法正确显示,虽然mozilla也有相应的私有属性,css3没有竖写文字的属性的确不大好~ 跨浏览器的写法是:

天之道其犹张弓与。高者抑之,下者举之。有馀者损之,不足者补之。天之道,损有馀而补不足。人之道,则不然,损不足以奉有馀。孰能有馀以奉天下,唯有道者。

原理就是把每一行限定为只显示一个字用,这里为了简化用js在把10个字用span标签括起来~css的word-wrap:break-word解决标点符号的显示问题~ 对于括号书名号,有竖写的符号:
﹃ ﹄ ﹁ ﹂︹ ︺ ︿ ﹀ ︽ ︾ ︻ ︼ ︷ ︸ ︵ ︶
posted @ 2010-08-20 19:38  Defims  阅读(253)  评论(0编辑  收藏  举报