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

Its works for me.

<style type="text/css">

 td {

    /* css-3 */
    white-space: -o-pre-wrap; 
    word-wrap: break-word;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 

}

And table attribute is:

table { 
  table-layout: fixed;
  width: 100%
}

Answer 2

Just add: word-break: break-word; to you table class.

Answer 3

If you want fix the column you should set width. For example:

<td style="width:100px;">some data</td>