html - 动态改变桌子高度

Question

我在 html 中遇到表格问题，实际上我固定了宽度，并希望根据其中的内容增加 td高度，例如：如果 td宽度为30px并且当 td 内的数据跨越 td 宽度时我想要在下一行显示剩余数据，依此类推..

桌子：

<table width="100%" border="1" >
        <tr>
            <td align="left" width="30px">
                laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa text
        </td>
            <td align="left" width="30px">
                text
        </td>
        </tr>
      </table>

Answer 1

这是解决您问题的方法！在这种情况下，列的宽度是相等的，尽管它们可以更改，更不用说。

<table  border="1" width="100%" style="table-layout:fixed">
<tr>
<td style="word-wrap:break-word">Hellohellohellohellohellohellohellohellohellohellohello
<td>text</td>
</tr>
</table>

这是演示http://jsbin.com/ihaxob/2/edit .. 我已经从这个线程中看到了解决方案！

HTML 表格中的自动换行