Is there a way to word-wrap long words in a div?

by

Reading the original comment, rutherford is looking for a cross-browser way to wrap unbroken text (inferred by his use of word-wrap for IE, designed to break unbroken strings).

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

I’ve used this class for a bit now, and works like a charm. (note: I’ve only tested in FireFox and IE)

More Related Contents:

  1. CSS word-wrapping in div
  2. How to draw this chart in html and CSS? [closed]
  3. Change a HTML5 input’s placeholder color with CSS
  4. Canvas is stretched when using CSS but normal with “width” / “height” properties
  5. Make a div into a link
  6. Remove padding from columns in Bootstrap 3
  7. How can I make an svg scale with its parent container?
  8. Format text in a ?
  9. Size of HTML5 Canvas via CSS versus element attributes
  10. CSS :before on inline SVG
  11. How to create equal height columns in pure CSS [duplicate]
  12. Webkit CSS to control the box around the color in an input[type=color]?
  13. How to center absolute div horizontally using CSS?
  14. HTML not loading CSS file
  15. How to link a CSS file from HTML file?
  16. How can I send an inner to the bottom of its parent ?
  17. Why can’t I make my div 100% height if I use an HTML5 doctype? How do I get it 100% height
  18. SPAN vs DIV (inline-block)
  19. how to rotate text left 90 degree and cell size is adjusted according to text in html
  20. word-wrap:break-word not working in IE8
  21. Set div height equal to screen size
  22. How to add a search box with icon to the navbar in Bootstrap 3?
  23. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  24. background-image doesn’t appear if is empty?
  25. CSS to stop text wrapping under image
  26. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  27. There is a 4px gap below canvas/video/audio elements in HTML5
  28. How can I align 3 divs side by side?
  29. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  30. using a div to blur an image behind it? [duplicate]

Leave a Comment