1
0

More than 1 year has passed since last update.

【W】wbr要素で長大語を区切る

Last updated at Posted at 2022-12-22

Supercalifragilisticexpialidociousの折返し位置指定をしよう、というタグ

使い方

Super<wbr>cali<wbr>fragilistic<wbr>expiali<wbr>docious

効果

幅が狭いなどして1単語が同じ行に収まらない場合などに、wbrがあるところで改行してそれを回避しようとします。

ちょっと幅が足りないときとかはこうなる
Supercalifragilistic
expialidocious
最小幅でこうなる可能性はある
Super
cali
fragilistic
expiali
docious

とはいえ、極端に幅が狭いとこれでも対応しきれなくなります。
特に日本語ならword-break: break-all;でいい。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0