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

时间:2012-05-11 20:10:36

标签: html css html-table

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

我直接在表格单元格中添加文字而没有<td>之外的任何其他元素,

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

当文字超出<td>的宽度时,是否有元素会自动结束下一个单词。那可能吗?我试过<p>但它对我没用。

这是一个示例:

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

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

3 个答案:

答案 0 :(得分:1)

如果单元格中包含一串不能被浏览器应用的规则破坏的字符串,浏览器显然会扩展单元格(无论table-layout: fixed没有帮助)。

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

如果它有允许的断点,请使用<wbr>&#x200b;(有关此内容的详细信息:http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest)标记它们,以获得简单的换行机会,&shy;用于连字符分。

答案 1 :(得分:0)

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

答案 2 :(得分:-2)

尝试:

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

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