7/5/2005
两种方式实现文字竖排
by gouy2k
(转贴请注明作者)
不知道这个有没人写过,如有雷同,纯属巧合
谢谢"晒月亮的拖鞋" 提醒更改字的方向
1.利用css中的layout-flow:vertical-ideographic
请先看效
马上谁家白面郎
临阶下马蹋人床
不通姓字粗豪甚
指点银瓶素酒尝.
代码
<DIV style="WIDTH: 109px; LAYOUT-FLOW: vertical-ideographic"><FONT face="Geneva, Arial, Sans-serif, Simsun">马上谁家白面郎<BR>临阶下马蹋人床<BR>不通姓字粗豪甚<BR>指点银瓶素酒尝.</FONT></DIV>
2, 利用writing-mode实现文字竖排
先看效果
马上谁家白面郎
临阶下马蹋人床
不通姓字粗豪甚
指点银瓶素酒尝.
代码:
<DIV style="WIDTH: 116px; WRITING-MODE: tb-rl">
<P><FONT face="Geneva, Arial, Sans-serif, Simsun">马上谁家白面郎<BR>临阶下马蹋人床<BR>不通姓字粗豪甚<BR>指点银瓶素酒尝.</FONT></P></DIV>