I used the below word-wrap in a div, but it does not seem to work at all. Any alternatives.
word-wrap: break-word;
This is CSS 3, how about CSS 2 Thanks Jean
Asked
Active
Viewed 4,586 times
3
-
In what browsers do you expect it to work? – Deniz Dogan Apr 26 '10 at 12:10
-
Chrome it does work, I dont expect it to work on IE, but does not work on FF – X10nD Apr 26 '10 at 12:26
-
1It should work in IE (even IE6) and Firefox 3.5+ if I remember correctly. Can't find the page on quirksmode.org right now. – wsanville Apr 26 '10 at 12:36
-
It isn't implemented in Firefox 3.6+, but will when css3 is released. – Kyle Apr 26 '10 at 12:37
-
Referred Wrapping Long URLs and Text Content with CSS http://perishablepress.com/wrapping-content/ – LCJ Nov 22 '12 at 11:05
-
Also refer http://stackoverflow.com/questions/5889508/using-word-wrap-break-word-within-a-table – LCJ Nov 22 '12 at 11:09
5 Answers
2
This is a CSS3 attribute, so make sure that your/the visitors browser supports CSS3.
Tim
- 6,838
- 8
- 35
- 55
1
Try:
div {
text-align: justify;
white-space: normal !important;
}
and also set a fixed width on the div.
Tim
- 6,838
- 8
- 35
- 55
0
Try:
div.mydiv
{
white-space: normal;
}
Above doesn't work.
FF does not support this CSS3 selector as documented here Mozilla.org forum. and Mozilla bug report
Try using overflows or use
text-align:justify;
Kyle
- 63,222
- 27
- 141
- 151
0
.mydiv1 {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;}
.mydiv2 {
word-break: break-all;}
At class mydiv1 is a combination of 'word-break: break-all' and 'word-wrap: break-word'. While at class mydiv2 only 'word-break: break-all'.
Dewa Putra
- 15
- 3