html - 删除表格单元自动调整大小

Question

如何删除表格单元格的自动调整大小？当我输入超过表格单元格宽度的文本时，它会自动增加其宽度。有没有办法禁用它的自动调整大小？

我直接在表格单元格中添加文本，没有任何其他元素<td>，

<td>Text is Here...</td>

当文本超过 's 的宽度时是否存在元素，<td>它将自动结束下一个单词。那可能吗？我试过<p>了，它对我不起作用。

这是一个示例：

http://jsfiddle.net/88RtG/2/

我希望第一个单元格的宽度与其他所有单元格相同，无论其内容如何。

Answer 1

table-layout: fixed如果单元格包含不能被浏览器应用的规则破坏的字符串，浏览器显然无论如何都会扩展单元格（甚至没有帮助）。

如果像“asdasdasdasdasdasddasdasdadasd”这样的字符串没有允许的断点，那么似乎唯一的方法是将单元格内容包装在一个元素中，比如说<td><div class=cell>...</div></td>并在该内部元素上设置一个宽度。然后，您将不得不处理溢出问题（如果多余的内容流入下一个单元格，或者被隐藏，还是什么？）。

如果它有允许的断点，请标记它们，使用<wbr>或​（更多信息：http ://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest ）以获得简单的换行机会，­用于连字符点.

Answer 2

指定表格、行或单元格的宽度。

Answer 3

尝试：

<td width="80px">Text is Here...</td>

更改您想要的所有单元格的宽度 - 只需要在第一行进行。您也可以使用百分比。