CODEWITHSUNDEEP
cssfirefoxword-break
David
David

Reputation: 16726

Word-break:break-word not working in Firefox 21

I've added word-break:break-word to the comments on my site to start breaking up the words when they overflow the comment box, but it doesn't appear to be working in Firefox. I've done a JS fiddle of the setup and it does work. So something must be conflicting but I can't find it for the life of me.

JS Fiddle (working): http://jsfiddle.net/F6K99/6/

Live problem: http://bit.ly/13NcY5F

Upvotes: 6

Views: 11114

Answers (3)

RQ Bukhari
RQ Bukhari

Reputation: 167

You have to use the following CSS.

word-break:normal;
word-wrap:normal;

This will work for both Chrome, Firefox.

Upvotes: 3

Nitin Agrawal
Nitin Agrawal

Reputation: 1361

u hv to use word-break:break-all;..it should work after that.

Upvotes: 1

Nitesh
Nitesh

Reputation: 15759

You can achieve this by the following:

A. Use word-break:break-all; instead of word-break:break-word;

WORKING SOLUTION

B. Or, Use word-wrap: break-word; instead of word-break:break-word;

WORKING SOLUTION

As far as I know, word-break does not have break-word attribute.

Hope this Helps.

Upvotes: 10

Related Questions