Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8807

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

$
0
0

テキストがコンテンツ領域から溢れる際、
表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、テキストの改行の仕方について指定できるプロパティ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も対応したいところです…
良い対応方法があったら続報出します。


Viewing all articles
Browse latest Browse all 8807

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>