Kindle(epub)の画像の上下左右中央表示、設定メモ

ググっても海外フォーラムでしか見つからなかったので、一応記事にして残しておきます。Kindle(KDP)の縦組みで、画像を上下左右中央表示にするための設定メモです。使用ツールは電書ちゃんのでんでんコンバーターです。


.figure { 
 -epub-writing-mode: horizontal-tb;
 margin: auto; 
 width:100%;
 text-align: center;
}

 

<div class="figure"><img src="image.jpg" alt="" /></div>

/* 上下左右中央表示にしたい画像を囲む */

 

「figure」は何でもいいです。「-epub-writing-mode: horizontal-tb」は縦組みを一時的に横組みにするやつなんで、最初から横組みならいらないです。「width:100%」も実はいらないかもです。(海外フォーラム掲載の改変かつ、あんまりCSSとか詳しくないんでぶっちゃけよくわかってないです!)


Kindle for PC、Androidで表示確認。なにか間違ってたら教えて頂けると幸いです。


よきKDPライフをお互いすごせますように!(・∀・)

 

好評既刊
タイトルとURLをコピーしました