ルビありの文章を作っていて、ルビのある行とない行で行間がずれるのを防ぐにはどうしようかと考えていた。どうもInternet ExplorerとChrome共にrtの表示はCSSで制御できないみたい。それならと論理的な計算で行間を確保すればいけるかと思ったけれども、それもダメそう。アバウトにline-height: 2という結論は出たけれども……。 Demo: Sizing Ruby rtのフォント・サイズは50%でline-heightプロパティーはnormalなので、その高さは0.5 * 1.25 = 0.625と計算できる。例えば親のフォント・サイズが16pxとすると16px * 0.625 = 10pxとなる。これが行間に収まれば良いので、line-height: 1.625あれば十分そうだが、フォントによっては1.85程度必要になる。アセンダラインとディセンダラインの影響なんだと思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く