mix of word-wrap and word-break css

Asked Jul 03 '14 at 08:46

Active Jul 03 '14 at 10:27

Viewed 154 times

I have read about word-wrap and word-break here I wonder how about mix of them, such as:

<span style="width: 70px; word-wrap:break-word; word-break: break-all;"> your text hereeeeeeeeeeeee </span>

maybe display as:

your text
hereeeeeee
eeeee

first wrap word with whitespace, then if length of 'hereeeeeeeeeeeee' more than 70px then break-all ? but it seem to be always use break-all.

there is any way too make it work :-? css or jQuery

edited Jun 20 '20 at 09:12

Community

asked Jul 03 '14 at 08:46

user2284928

[You mean like this?](http://jsfiddle.net/cuplizian/hr3NU/) – Ian Mustafa Jul 03 '14 at 12:00
@IanMustafa hmmm, you right, but it still not work if using width % (in my case: inside table td) – user2284928 Jul 07 '14 at 01:31

0 Answers0