CSS WORD-BREAK

This property controls the line breaking behavior within words. It is especially useful in cases where multiple languages are used within an element.

Example

123

div {
word-break: keep-all}

123

<div style="word-break: keep-all">
Western character set content mixed with a some Asian char content.
</div>

Possible Values

normal: Normal line breaking behavior for the language is used.

break-all: Useful where content contains a majority of Asian character set content, to which this value behaves like ‘normal’. Non-Asian character set content may be arbitrarily broken across lines.

keep-all: Useful where content contains a minority of Asian character set content, to which content is not broken across lines. For non-Asian character set content, this value behaves like ‘normal’.

Anirudha

Hi

I would like to know if this propery is supported in Mozilla Firefox, Netscape and Opera browsers?

I checked it in in IE and FF, it seems to be working ok in IE but not in FF

Regards,
Anirudha

ram

It will works only when u have to specify width in EM

Geoffrey Lee

Based on my own tests…

This property is supported by IE6, IE7, Chrome, and Safari 3.1.2

It does not work in FF3 and Opera 9.52

fekky

It does not work in FF3 .

http://www.css3.com/css-word-break/ name

The word-break is not apply to above word…

http://www.enkognedo.com Matt

Thank you for this! Helped me out tremendously when all else seemed to fail. I was using all the flavors or “work-wrap:xxxx”, but I could only get the page to render appropriately in FF; Chrome and IE8 blocks ran over into my other blocks every single time before I used “word-break: break-all” with Geshi.

The “white-space: pre-wrap” worked for FF from the get-go.

piyali

Hey,

style=”word-wrap: break-word;” this property will work in all the browser ……….

June Oh

Webkit engine (Safari & Chrome) does not support the value ‘keep-all’.