如何删除表格单元格的自动调整大小?当我输入超过表格单元格宽度的文本时,它会自动增加其宽度。有没有办法禁用它的自动调整大小?
我直接在表格单元格中添加文本,除了 <td>
没有任何其他元素| ,
<td>Text is Here...</td>
当文本超过<td>
时是否有元素的宽度它将自动结束下一个单词。那可能吗?我试过 <p>
它对我不起作用。
这是一个示例:
我希望第一个单元格的宽度与所有其他单元格的宽度相同,而不管其内容如何。
最佳答案
如果单元格包含不能被浏览器应用的规则破坏的字符串,浏览器显然无论如何都会扩展单元格(甚至 table-layout: fixed
也无济于事)。
如果像“asdasdasdasdasdasddasdasdadasd”这样的字符串没有允许的断点,那么似乎唯一的方法是将单元格内容包装在一个元素中,比如 <td><div class=cell>...</div></td>
并在该内部元素上设置宽度。然后您将不得不处理溢出问题(多余的内容应该流入下一个单元格,还是被隐藏,或者什么?)。
如果它有允许的断点,标记它们,使用 <wbr>
或 ​
(有关此的更多信息:http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest)对于简单的换行机会,­
用于断字点。
关于html - 删除表格单元格自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10557982/