How do I wrap text with no whitespace inside a ?

by

Try this, I think this will work for something like “AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG”
will produce

AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G

I have taken my example from a couple different websites on Google. I have tested this on ff 5.0, IE 8.0, and Chrome 10.

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

<table style="table-layout:fixed; width:400px">
    <tr>
        <td class="wrapword">
        </td>
    </tr>
</table>

More Related Contents:

  1. Is there a “previous sibling” selector?
  2. Align inline-block DIVs to top of container element
  3. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  4. CSS selector for first element with class
  5. How to change the color of an svg element?
  6. Using regular expression in css?
  7. Text in a flex container doesn’t wrap in IE11
  8. How do I make an html link look like a button?
  9. What is WebKit and how is it related to CSS?
  10. How to add a color overlay to a background image? [duplicate]
  11. Managing CSS Explosion
  12. Common CSS Media Queries Break Points [duplicate]
  13. How to validate vendor prefixes in CSS like -webkit- and -moz-?
  14. How to display a reverse-ordered list in HTML?
  15. How to put an image in div with CSS?
  16. Font size in CSS – % or em? [duplicate]
  17. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  18. IE7 relative/absolute positioning bug with dynamically modified page content
  19. Why does my Django admin site not have styles / CSS loading?
  20. Convert 8-digit hex colors to rgba colors?
  21. Using twitter bootstrap 2.0 – How to make equal column heights?
  22. SPAN vs DIV (inline-block)
  23. CSS class naming convention
  24. Expanding the parent container with 100% height to account for floated content
  25. How do you style a external svg with css
  26. Why doesn’t height: 0 hide my padded , even with box-sizing: border-box?
  27. CSS transition between left -> right and top -> bottom positions
  28. does a background-attachment of fixed work in iOS5?
  29. How to override stylesheets of PrimeFaces? [duplicate]
  30. How is padding-top as a percentage related to the parent’s width?

Leave a Comment