<td>gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
How do I get text like this to wrap in CSS?
views:
72answers:
3
+1
A:
With text-wrap, browser support is relatively weak (as you might expect from from a draft spec).
You are better off taking steps to ensure the data doesn't have long strings of non-white-space.
David Dorward
2010-10-16 16:41:01
A:
The better option if you cannot control user input, it is to establish the css property, overflow:hidden, so if the string is superior to the width, it will not deform the design.
Edited:
I like the answer: "word-wrap: break-word", and for those browsers that do not support it, for example, IE6 or IE7, I would use my solution.
netadictos
2010-10-16 16:43:08
If you're going to use this option be sure to set a width for the element containing the text or overflow:hidden will simply hide the overflow, not wrap it.
jeerose
2010-10-16 17:03:58
+2
A:
Try doing this. Works for IE8, FF3.6, Chrome
<BODY>
<TABLE>
<TR>
<TD><div style="word-wrap: break-word; width: 100px" > gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div></TD>
</TR>
</TABLE>
</BODY>
Gaurav Saxena
2010-10-16 18:36:13