html - 对齐表中的数据

Question

在下表中，如何使用 CSS 对齐 td 单元格中的数据，这样我们就不会得到水平滚动条？

还有要求是 table 的高度要自动调整..

<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

超长单元格需要word-wrap:break-word。