EPUB3リフローレイアウトで扉ページ

2013/4/1 [00:31:49] (月)

ここで過去に何度もEPUB3のリフローレイアウトで扉ページ（左右中央にタイトルを配置したページ、縦ページ内でのセンタリング）は無理だと書いてきたけど、実現する方法があった（嘘書いててすみません）

twitterで教えていただき、

CSSとHTMLのコードまでいただいた。本当にありがとうございます。
（ツイートにもあるように、iOS版Kindleでは意図通りにならないとのこと）

上の「猫神の場所」が教えていただいた中央揃えの方法、下の「猫神の時間」今まで使っていた右に余白25%指定したもの。比較してみると、中央揃えになっているのがわかる。

ポイントはふたつ。
中央揃えにしたいタイトルがあるページは文字方向を水平にして、タイトルを入れるブロック要素の中の文字方向を縦にする。

【赤部分】
bodyに指定してこのページ全体の文字方向を水平＝横にする。

【青部分】
左右の余白をauto＝自動にすることでタイトルの入るブロックが、このページの左右方向中央に配置されることになる。
そして、タイトルの入るブロック要素の文字方向を垂直＝縦にすれば、縦書きの扉ページとなる。

↓タイトルを中央配置するには固定レイアウトでなきゃいけない。
↓EPUB3では。リフローと固定は混在できるが。
↓現状のリーダーで混在したEPUB3を読めるものはほとんどない。Kindleも混在できない。
↓よって、文字を中央配置した扉ページを作るのは無理。
と思い込んでいた。

リフローレイアウトと固定レイアウトの混在は無理だけど、横書きと縦書きの混在は可能、ということがすっかり抜け落ちてしまっていた。まさに目から鱗。