momdo https://blog.hatena.ne.jp/momdo/ 水底の血 https://momdo.hatenablog.jp/ 昨日に続いてルビネタ。いまいち再現条件がよく分かってないんだけど、 縦書きにする 縦書きのボックスに高さを設ける さらに均等割り付けにする 適当な箇所でルビをつける の4つの条件をどうやら満たすと、ルビテキストがルビベースから大きく離れて文字が重なってしまう。p要素にtext-align: justify;を施した上で、縦書きに高さを設定して適当てきとうなルビを設定してみる例。 <p style="text-align: justify;height:200px;writing-mode: vertical-rl;"><code>p</code>要素に<code>text-align: jus… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmomdo.hatenablog.jp%2Fentry%2F20150221%2F1424517087" title="Firefox Nightlyにおいて、ある縦書き環境下でルビを付けるとルビがおかしなところに飛ぶ - 水底の血" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/m/momdo/20150221/20150221210047.png Hatena Blog https://hatena.blog 2015-02-21 20:11:27 rich https://momdo.hatenablog.jp/entry/20150221/1424517087 1.0 100%