网上目前两种方法竖排,
一种是用 writing-mode:tb-rl;
另一种是用 layout-f low: vertical-ideographic;
但遗憾的是,这两种方法都基本是 IE Only 的……
1.<pstyle= "layout-flow:vertical-ideographic ">道可道,非常道;名可名,非常名。无名,天地之始;有名,万物之母。故常无欲,以观其妙;常有欲,以观其徼。此两者同出而异名,同谓之玄,玄之又玄,众妙之门。 <br/><br/>
-- 老子 道德经</p>
2.设置宽度为1.5倍的字宽,保证列距,然后让所有div右浮动。
很简单又很有用的技巧,兼容各个主流浏览器~不过对于英文竖排这种方法没有用,没办法使英文竖排。对汉字倒是还好。
<div>水調歌頭</div>
<div> </div>
<div>蘇軾 </div>
<div> </div>
<div>明月幾時有 </div>
<div>把酒問青天 </div>
<div>不知天上宮闕 </div>
<div>今夕是何年 </div>
<div>我欲乘風歸去 </div>
<div>又恐瓊樓玉宇 </div>
<div>高處不勝寒 </div>
<div>起舞弄清影 </div>
<div>何似在人間 </div>
<div> </div>
<div>轉朱閣 </div>
<div>低綺戶 </div>
<div>照無眠 </div>
<div>不應有恨 </div>
<div>何事長向別時圓 </div>
<div>人有悲歡離合 </div>
<div>月有陰晴圓缺 </div>
<div>此事古難全 </div>
<div>但願人長久 </div>
<div>千里共嬋娟 </div>
如果有博友知道英文怎么在html竖排的方法。欢迎回帖。谢谢!