Выравнивание данных в таблице

Question

В следующей таблице, как выровнять данные в ячейках td, чтобы мы не получали горизонтальную полосу прокрутки, используя CSS?

Также требование о том, что высота стола должна регулироваться автоматически ..

<table> 
    <tr><th>name</th> 
    <th>info</th></tr> 
    <tr><td>Harry</td> 
    <td>suminfosuminfosuminfosuminfosum infosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfos uminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfo<td></tr> 
    <tr><td>test</td><td>test data</td></tr> 
</table> 

Answer 1

Для поддержки всех браузер пойти на этот

.workbreak { 
     word-wrap: break-word;  /* IE 5.5-7 */ 
     white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */ 
     white-space: pre-wrap;  /* current browsers */ 
} 

<table> 
    <tr><th>name</th> 
    <th>info</th></tr> 
    <tr><td>Harry</td> 
    <td class="workbreak">suminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfosuminfo<td></tr> 
    <tr><td>test</td><td>test data</td></tr> 
</table> 

Более подробно: https://developer.mozilla.org/en/CSS/white-space

Answer 2

Дополнительная длинная ячейка нуждается в word-wrap:break-word.

Answer 3

Try:

table { 
    table-layout: fixed; 
    word-wrap: break-word; 
    width: 600px; /* or whatever you like */ 
}