試貼直式書寫+做法

這用表格在HTML底下做的, 必須把詩詞的最後一句放在第一句.

<table>就是表格

<td style="layout-flow: vertical-ideographic">把打在這裡的字轉成直式</td>

</table>表格完畢

float: left; 表示向左對齊, 不過中文好像該向右對齊. 如果有標點會出錯.

以下就是整篇的詩詞了:

<table style="float: left; width: 100px; cellpadding: 0; cellspacing: 0; border: 1px"><tbody><tr><td style="layout-flow: vertical-ideographic;  vertical-align:top;">驀然回首 那人卻在 燈火闌珊處 </td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">眾里尋他千百度</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">笑語盈盈暗香去</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">蛾儿雪柳黃金縷</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">鳳簫聲動 玉壺光轉 一夜魚龍舞</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">寶馬雕車香滿路</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">更吹落 星如雨</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;">東風夜放花千樹</td><td style="layout-flow: vertical-ideographic;  vertical-align:top;"><br /></td><td style="layout-flow: vertical-ideographic; font-size:+1; color:blue;">青玉案 作者辛棄疾</td></tr></tbody></table>

參考;  另一種做法


驀然回首 那人卻在 燈火闌珊處 眾里尋他千百度 笑語盈盈暗香去 蛾儿雪柳黃金縷 鳳簫聲動 玉壺光轉 一夜魚龍舞 寶馬雕車香滿路 更吹落 星如雨 東風夜放花千樹   青玉案 作者辛棄疾

 

 

 

 

 

 

 

繼續… 眾里尋他千百度


Posted in Practice by with comments disabled.