2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

記号にword-bleak: break-all;が効かない件

Posted at

テキストがコンテンツ領域から溢れる際、
表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、テキストの改行の仕方について指定できるプロパティword-bleak

word-break: break-all;はテキストのどこでも(単語の途中でも)改行する指定ですが………

してない。

スクリーンショット 2020-07-22 19.23.56.png 特定の半角記号では`word-break: break-all;`が効いてくれない様です。 (感嘆符やコロン、スラッシュなど。Chromeで確認)

word-break: break-word; で解決

word-break: break-word;の指定により半角記号も折り返しが適用されます。

しかしIEとEdgeが非対応。
IEはともかくEdgeも対応したいところです…
良い対応方法があったら続報出します。

2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?