EPUB3の小ネタ:1行中の一部に2行押し込む

2014/8/21 [15:02:06] (木) 天気

kindleで翻訳モノを読んでいたら、訳注が出てきた。

文中の単語の直後にカッコで囲まれて、訳注が半分のフォントサイズで2行表示(いわゆる割り注)されていた。どうやってんだろうとちょっとパズルしてみたところ、使えるかもしれないのでメモ。


訳注表示はこんな感じ。kindle previewer HDX8.9

image


Pタグの中の訳注部分をspanタグでくるんで、

・display:inline-block;

・font-size:0.5em;

・height:26em;(文字数で2行になるようにテキトーに)

・width:1.5em(センター合わせのためには要調整)

・line-height:1;

・text-indent:0;


元の翻訳モノも同じだけど、文字サイズを大きくしたり小さくしたりすると改行されてしまったりする。


こんな感じ。前の単語と泣き別れする。kindle previewer HDX

image


kindle Paper Whiteのデフォルト文字サイズだとそれっぽく。センターがずれてるので調整が必要。

image


MacのiBooksでもなんとか見られる感じ。これもセンターがずれてるので調整が必要。

image



泣き別れに納得してもらえれば、ギリギリ使いものになるかもしれない、かなあ。


きれいな方法があったらぜひ教えてください。


[更新]2014-08-23 08:29:59

<<2026/2>>
       
1234567
891011121314
15161718192021
22232425262728

【最近の10件】

日常読書映画アニメゲーム健康料理グルメカメラ写真ネタ仕事パソコンインターネットperlEPUB3電子書籍ActivityPub
検索: