投稿本文、標準スキンではURLがボックスからはみ出さないようにword-break:break-allを指定してるんだけど、これやるとリンクを貼った文字の大きさがおかしくなる。いや、パソコンでは普通なんだけど、私のスマホ(Galaxy A41,Android10,ブラウザはyandex Browser・Chrome・Edge)で確認すると文字の大きさが小さくなってたりする。font-sizeで文字の大きさを決め打ちしても駄目。

あれこれ悩んだけれど、[[COMMENT]]を囲ってるdiv要素にword-wrap:break-wordとoverflow-wrap:break-wordを指定することで対処しました。今のところ問題はない模様。それにしても折返しに関するプロパティはようわからん…。頭痛くなりそう。

【追記】
結局、word-break-break-allとline-break:anywherelooseも継ぎ足してみた。なんか日本語の改行が気になって仕方なかったから。日本語とアルファベットが混在してる文章、マジ面倒。
#CSS

今はtext-decoration-style:wavyって使えるんやな。昔は対応ブラウザがほぼなくて、画像で再現してる人がいたような気がする。
本当に #CSS で出来ることが増えて楽になったｗ

ドロワーメニューの過去ログ、カテゴリ、ハッシュタグを横並びにするためにdisplay:inlineを使ってるんだけど、これだと文字の途中で折り返してしまうことに気づいた。
flex-wrap:wrapを使ったほうが良さげ。
display:inline-blockで解決やん。無駄なことをするとこやった。
#CSS

テキストの画像置換 : SEO的にまだマシそうな手法 | UNICO LABO

参考になりそうなので書いておく。なるほど、この方法が今どきか…。
#CSS

日本語対応！CSS Flexboxのチートシートを作ったので配布します
Flexbox超便利。20年前にこれがあれば苦労しなかったのに。
#CSS