How to show multiline text in a table cell

by

You want to use the CSS white-space:pre applied to the appropriate <td>. To do this to all table cells, for example:

td { white-space:pre }

Alternatively, if you can change your markup, you can use a <pre> tag around your content. By default web browsers use their user-agent stylesheet to apply the same white-space:pre rule to this element.

The PRE element tells visual user agents that the enclosed text is “preformatted”. When handling preformatted text, visual user agents:

  • May leave white space intact.
  • May render text with a fixed-pitch font.
  • May disable automatic word wrap.
  • Must not disable bidirectional processing.

More Related Contents:

  1. Can't get footer image to display in IE8?
  2. How to collect and manipulate data in HTML using
  3. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  4. SVG drop shadow using css3
  5. Switching the order of block elements with CSS [duplicate]
  6. Imitating a blink tag with CSS3 animations
  7. How can I force a long string without any blank to be wrapped?
  8. 100% Min Height CSS layout
  9. Equal space between flex items
  10. How to get a child element to show behind (lower z-index) than its parent?
  11. Background image not showing in Safari
  12. How to vertically align into the center of the content of a div with defined width/height?
  13. What is the performance impact of the universal selector?
  14. Allow specific tag to override overflow:hidden
  15. Place boxes inside ul in center, but align them left
  16. Aligning decimal points in HTML
  17. Why is nth-child selector not working?
  18. Can I nest button inside another button?
  19. Why does width apply to a button with display inline?
  20. Equalize the height of left and right div, prevent right div from going below left div
  21. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  22. How to center multiple divs inside a container in CSS
  23. How can I create a wavy shape CSS?
  24. Auto height on parent container with Absolute/Fixed Children
  25. Display text, a dotted line then more text spanning the width of the page
  26. CSS Zigzag Border with a Textured Background
  27. How can I control the width of a label tag?
  28. “break-inside: avoid-column” doesn’t work in Firefox
  29. string concatenation in css
  30. Make TBODY scrollable in Webkit browsers

Leave a Comment