July 26, 2006
鼓勵此網誌:0
● 我想要有直式書寫的部落格標題或描述
只要在你要更改的CSS加上或修改writing-mode設定即可。
CSS語法如下
writing-mode: tb-rl; |
※如果你記不得這個語法,還可以用另一個變通的方式達到直式的書寫:
把寬度(width)設窄一點,高度(height)設長一點,他就會一個自一個字斷行囉,造成視覺上的"直式書寫",這跟你一般用word表格如果比較窄,字就會自己斷行的意思ㄧ樣,不過僅用於"一行"直直落哦!這個方式沒辦法讓你像寫詩ㄧ樣有視覺上的"直式+斷行",暸吧!^^
改哪裡咧?請參考CSS樣式表
舉例:
#banner DIV.bannerTitle|部落格標題設定
#banner DIV.bannerTitle
{
writing-mode: tb-rl;
}
#banner DIV.description|部落格描述設定
#banner DIV.description
{
writing-mode: tb-rl;
}
● 我只想要在內文的某段文字直式書寫
HTML原始碼中,在文字前面加上這個writing-mode設定,寫法如下:
<span style="writing-mode:tb-rl">文字文字文字</span> |

小叮嚀:
writing-mode目前僅IE 5.5版以上支援,Firefox沒辦法支援哦!





































