This example tests that word-break properly shrinks a cell to one character per line when it is set to break-all.
Narrow | This cell should grow
|
This test checks that word-break is ignored when white-space is pre.
Thislongwordshouldnotgetbrokenbutshouldstickoutofthepre.
The next two examples test our custom break-word value for word-break. We should get the same results as
break-all for the first test, but we should break up the word in the second test (since our behavior matches
word-wrap: break-word in that case).
Narrow | This cell should grow
|
Thislongwordshouldnotgetbrokenbutshouldstickoutofthepre.
This test makes sure floating and positioned elements do the right thing with word-break: break-all. The minimum width
should be less than the containing block width. The breaking should be "dumb" and just occur when the end of the line is hit.
Eventhoughthishasareallylongword itshouldnotstick out oftheenclosing300pxblock.
Eventhoughthishasareallylongword itshouldnotstick out oftheenclosing300pxblock.
This test makes sure floating and positioned elements do the right thing with word-break: break-word. The minimum width
should be less than the containing block width. The breaking should be "smart" and be like word-wrap: break-word, with words
preferring to wrap first before allowing break opportunities within them.
Eventhoughthishasareallylongword itshouldnotstick out oftheenclosing300pxblock.
Eventhoughthishasareallylongword itshouldnotstick out oftheenclosing300pxblock.