meta data for this page
  •  

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

下次修改 		前次修改
coding:html:ruby:bopomofo [2019/04/10 11:31]
ghsrobert 建立 		coding:html:ruby:bopomofo [2019/04/10 11:56] (目前版本)
ghsrobert
行 2: 行 2:
 HTML：<ruby> HTML：<ruby>
   * DokuWiki 有 [[doku>plugin:ruby|ruby plugin]] 提供快捷的語法   * DokuWiki 有 [[doku>plugin:ruby|ruby plugin]] 提供快捷的語法
 +  * 利用[[https://www.chineseconverter.com/zh-tw/convert/zhuyin|將中文轉換到注音文字的工具]]快速產生注音符號，校正後，再用 regex 產生 DokuWiki 或 HTML 語法
  
 CSS 調整： CSS 調整：
行 8: 行 9:
 ruby {text-align: left;} ruby {text-align: left;}
 rt {letter-spacing: 0; font-size: 40%;} rt {letter-spacing: 0; font-size: 40%;}
 +</code>
 +或
 +<code css>
 +（containter）{letter-spacing: 0.2em;}
 +ruby {text-align: center;}
 +rt {letter-spacing: 0; font-size: 30%;}
 </code> </code>
   * 轉垂直：''writing-mode: verticla-rl;''   * 轉垂直：''writing-mode: verticla-rl;''
     * Gecko 系瀏覽器顯示聲調符號有問題，不應該轉 90°     * Gecko 系瀏覽器顯示聲調符號有問題，不應該轉 90°
     * Safari 顯示聲調符號還可以     * Safari 顯示聲調符號還可以