つきすけ の コーディング記

細かいところで嫌にならないように、小さいことでも解説していくブログ。たまに関係ないことも書く。

2023-05-24から1日間の記事一覧

ルビの位置が文字に近すぎる問題をcssだけで解決する

基本のルビの書き方 <ruby> 漢字 <rt> かんじ <rt> </ruby> こうすると、なんかルビの位置が漢字に近すぎる。 どうするか、あまり対策が載っていない。 そこでこうしてみた。まずHTMLの漢字をspanで囲む。 <ruby> <span>漢字</span> <rt> かんじ <rt> </ruby> CSSをこう書く span { display: block } まあつまり、漢…