epub 文件，格式：直排與橫排，左翻頁與右翻頁 的轉換

在處理 epub 文件時，不免會遇到文件編排是以「直排」、「左翻頁」的情形。
但目前整個時代趨勢，且以我個人習慣而言，已轉換成「橫排」、「右翻頁」。

那該如何作轉換設定呢？
其實只要更改 epub 文件中的控制文件排版格式的 「css」與「opf」中相關設定即可。

1. 「直排」與「橫排」的轉換

在 CSS 中，透過設定 writing-mode: 屬性，可以控制 文字直排，且 向左或向右排。

• writing-mode:vertical-tb;（橫書，由上到下）

文字就會變成「橫排」，同時「由左向右排」。

• writing-mode:vertical-lr;（直書，由左而右）

文字就會變成「直排」，同時「由左向右排」。

• writing-mode:vertical-rl;（直書，由右到左）

文字就會變成「直排」，同時「由右向左排」。

註：
text-orientation:upright; 可讓英文字轉向變直排。

2. 「左翻頁」與「右翻頁」的轉換

先找到 opf 副檔名的檔案，再搜尋檔案裡面的「toc=″ncx″ 」。

• epub 預設是「橫排」，所以是「右翻」

所以設定是：
<spine toc=″ncx″>
或
<spine page-map=″_page_map_″ toc=″ncx″>

• 若是要改成「左翻」

設定就需要改成：
<spine page-progression-direction=″rtl″ toc=″ncx″>
或
<spine page-map=″_page_map_″ page-progression-direction=″rtl″ toc=″ncx″>

參考資源

1. 將中文電子書轉成直排閱讀 epub、kindle、kobo，https://digit.make9.tw/3c-software/recommended/chinese-epub-ebook-turn-vertical-rtl/#_CSS
2. 透過CSS的writing-mode屬性，就可將文字變成直排甚至還可設定左排或右排，https://www.minwt.com/webdesign-dev/css/23738.html
3. Day11：小事之 HTML dir Attribute 與 CSS writing-mode 上篇 ，https://ithelp.ithome.com.tw/articles/10194878
4. CSS 寫入模式 writing-mode