如何在HTML中禁用大字表大小调整

我有这个部门

<div style="width:500px;"> </div>

我在里面插了一张桌子

<table style="width:100%;">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>

---

如果

包含普通字，即使100个字之间有空格，则表将在div内保持其大小，但如果单元格包含1个字（大约100个字母），则表将在其父div外采用更大的大小，

溢出：隐藏

可以很好地隐藏表格的放大，但我希望大小保持不变，并且单元格在

高度

中增长，就像它通常对普通单词所做的那样。

将表格的

最大宽度

设置为绝对值，如

父div

所指定

尝试：

使用CSS属性：

td {
     word-wrap: break-word;
}

---

wordwrap

是一个旧的IE特定CSS规则。要在现代浏览器中进行换行，请使用

空白

。此外，设置

max width

似乎有助于工作

td {
  border: 1px solid black;
  width: 100px;
  max-width: 100px;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

---

谢谢你，伙计，这是可行的，但它将与谷歌Chrome一起使用？我在Chrome上测试过，是的。Chrome使用CSS3标准，

空白：预包装
td {
  border: 1px solid black;
  width: 100px;
  max-width: 100px;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}