EPUB3リフローレイアウトで扉ページ::ひまつぶし雑記帖

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

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

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

twitterで教えていただき、

CSSとHTMLのコードまでいただいた。本当にありがとうございます。

（ツイートにもあるように、iOS版Kindleでは意図通りにならないとのこと）

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

ポイントはふたつ。

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

【赤部分】

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

【青部分】

左右の余白をauto＝自動にすることでタイトルの入るブロックが、このページの左右方向中央に配置されることになる。

そして、タイトルの入るブロック要素の文字方向を垂直＝縦にすれば、縦書きの扉ページとなる。

↓タイトルを中央配置するには固定レイアウトでなきゃいけない。

↓EPUB3では。リフローと固定は混在できるが。

↓現状のリーダーで混在したEPUB3を読めるものはほとんどない。Kindleも混在できない。

↓よって、文字を中央配置した扉ページを作るのは無理。

と思い込んでいた。

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

これは本当にいろいろ応用できるなあ。

ということで『EPUB3::かんたん電子書籍作成』の扉ページ生成に取り入れた。

[04/03 10:13:09] 追記。

iOS版kindleでも中央配置できる。これは裏技ですね。