Q:如何在網頁中導入縱書?

Answer:

在Web Editor中,我們提供了縱書的Plugin,方便您在編輯器中,直接選取欲轉換成縱書的文字,按下Plugin,即可顯示在網頁上。

其他工具,則透過CSS擴充功能,將縱書語法寫入網頁程式中,即可在網頁上顯示縱書樣式。
您只需要在欲轉換為縱書的文字外,加入Tag(如:span、div…等),並於Tag中設定Style為以下參數,即可在網頁中顯示縱書效果:
  • -webkit-writing-mode:vertical-rl;
  • -moz-writing-mode:vertical-rl;
  • -ms-writing-mode:tb-rl;
  • -ms-writing-mode:vertical-rl;
  • writing-mode:vertical-rl;
 
以CSS Generator為例,產生的CSS編碼如下:
原來在這裡,我熟悉的記憶。
  原來在這裡,我熟悉的記憶。

在Sytle中,加入縱書參數後:
-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;">原來在這裡,我熟悉的記憶。
  原來在這裡,我熟悉的記憶。