DocSeri https://blog.hatena.ne.jp/DocSeri/ 妄想科學倶樂部 https://docseri.hatenablog.jp/ CSS HTMLはスタイルシートによって柔軟な表現力を備えたが、残念ながら未だ不十分なところが多々ある。均等割付け然り、多段組然り。 中でも、日本語表現上欠くべからざるものでありながら対応の進まないものの一つがルビであろう。 IEは独自の先行実装としてrubyタグをサポートしているが、現状、他のブラウザでは機能しない。 そこで、CSSでなんとかそれっぽく処理してみる。 前提として、ルビを割り込ませるだけの行間を持っていなければならない。 div.main内の要素にline-heightを2em程度で設定、同じくpのmarginも同程度に調整する。 ルビは <ruby><rb>ルビ対象文字列</rb><… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdocseri.hatenablog.jp%2Fentry%2F20051122%2F1132589768" title="rubyの処理 - 妄想科學倶樂部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2005-11-22 01:16:08 rich https://docseri.hatenablog.jp/entry/20051122/1132589768 1.0 100%