ruby タグを実現する CSS とか
question:1424596584 の質問。
どのブラウザでも
反映 されるルビのCSS について。↓の
CSS で、行間 をあけるにはどこをいじれば良 いのか教 えてください。
http://roheisen.net/dl/sim2ruby.css
line-height だけいじると、ruby で囲 った部分 がずれてしまいます。
コードが長 くてここにはコピペできなかったのでリンクですがよろしくお願 いします。
行間って、どこのだろう。
「line-height だけいじると」というのは、こういうことかな。
rb { line-height: 3; }
どのブラウザでも反映 されるルビのCSS について。↓の
CSS で、行間 をあけるにはどこをいじれば良 いのか教 えてください。
http://roheisen.net/dl/sim2ruby.css
line-height だけいじると、ruby で囲 った部分 がずれてしまいます。
コードが長 くてここにはコピペできなかったのでリンクですがよろしくお願 いします。
ruby を含む文章の外側で line-height を指定すると、割と良い感じにやってくれる。
.contents { line-height: 3; }
<p class="contents"> ... <ruby> を含む、行高を制御したい文章 </p>
どのブラウザでも反映 されるルビのCSS について。↓の
CSS で、行間 をあけるにはどこをいじれば良 いのか教 えてください。
http://roheisen.net/dl/sim2ruby.css
line-height だけいじると、ruby で囲 った部分 がずれてしまいます。
コードが長 くてここにはコピペできなかったのでリンクですがよろしくお願 いします。
単語と振り仮名の位置を離したいのなら、rt の方に line-height を指定してあげれば良い。
rt { line-height: 3; }
どのブラウザでも反映 されるルビのCSS について。↓の
CSS で、行間 をあけるにはどこをいじれば良 いのか教 えてください。
http://roheisen.net/dl/sim2ruby.css
line-height だけいじると、ruby で囲 った部分 がずれてしまいます。
コードが長 くてここにはコピペできなかったのでリンクですがよろしくお願 いします。