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

标签 html css html-table

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

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

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

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

这是一个示例:

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

我希望第一个单元格的宽度与所有其他单元格的宽度相同,而不管其内容如何。

最佳答案

如果单元格包含不能被浏览器应用的规则破坏的字符串,浏览器显然无论如何都会扩展单元格(甚至 table-layout: fixed 也无济于事)。

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

如果它有允许的断点,标记它们,使用 <wbr>&#x200b; (有关此的更多信息:http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest)对于简单的换行机会,&shy;用于断字点。

关于html - 删除表格单元格自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10557982/

相关文章:

javascript - 元素符号导航中的 jssor slider 错误

html - 全宽栏部分填充纯色 CSS

javascript - JQuery 搜索栏隐藏表格行

javascript - 改变 "th"的背景颜色到紧接着的下一个 td

javascript - 水平溢出/Text Inside Span 嵌套在 Div 中

电子邮件中的 HTML 表格和 CSS

javascript - 找出 Chrome 中 HTML 内容滚动的罪魁祸首

html - ListItem 内文本的 CSS 垂直居中对齐

javascript - 使用 JavaScript 导航 html 表

html - 如何在键入时禁用烦人的 NetBeans 自动建议