[csswg-drafts] [css-text-4] Way to only hyphenate when word is broken in “emergency situations”? (#4600)

tigt has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-text-4] Way to only hyphenate when word is broken in “emergency situations”? ==
https://www.w3.org/TR/css-text-4/#hyphenation

Sometimes, the best way to handle overlong words is `overflow-wrap: break-word`. Unfortunately, by default it breaks a word as soon as possible, instead of the intelligent break positions of `hyphens`.

Setting `hyphens: auto;` does hyphenate breaks from `overflow-wrap`, but it ***also*** breaks and hyphenates words that don’t need it:

![A ragged-right paragraph with multiple consecutive lines broken at each end.](https://user-images.githubusercontent.com/8072522/70840763-93572e00-1de2-11ea-9173-23e7866ddd1e.png)

(from [dassur.ma/things/when-workers/](https://dassur.ma/things/when-workers/). I have to pop open devtools to disable `hyphens` whenever I read his blog.)

I find hyphenation difficult and distracting to read, but I appreciate their signal that a word has been broken when it’s necessary.

I would love a value like `hyphens: overflow` that doesn’t needlessly hyphenate, but intelligently breaks words when necessary.




Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4600 using your GitHub account

Received on Saturday, 14 December 2019 01:03:38 UTC