How to force table cell content to wrap?

Question

Heres the entire page * wrappable is defined in a main.css file

/* Wrappable cell
* Add this class to make sure the text in a cell will wrap.
* By default, d         


        

Answer 1

This worked for me when I needed to display "pretty" JSON in a cell:

td { white-space:pre }

---

More about the white-space property:

• normal : This value directs user agents to collapse sequences of white space, and break lines as necessary to fill line boxes.

• pre : This value prevents user agents from collapsing sequences of white space.
  Lines are only broken at preserved newline characters.

• nowrap : This value collapses white space as for normal, but suppresses line breaks within text.

• pre-wrap : This value prevents user agents from collapsing sequences of white space.
  Lines are broken at preserved newline characters, and as necessary to fill line boxes.

• pre-line : This value directs user agents to collapse sequences of white space.
  Lines are broken at preserved newline characters, and as necessary to fill line boxes.

(Also, see more at the source.)