Html CSS-防止表格单元格扩展和截断长文本

有人能告诉我为什么这不是截短文本吗？最后一个细胞一直在生长。我不希望细胞生长超过允许的百分比

科拉
B列
C柱
D列
科勒
上校F
G列
呜呜呜呜呜呜呜呜呜呜

---

这里有一个

添加

wordwrap:break-word

到您的单元格样式中

尽管您应该避免使用内联样式，并为单元格声明一个类

更新：

---

我相信您需要一个display:block元素才能使溢出正常工作

如果需要使用表，最简单的方法是在每个元素中添加一个带有样式的

---

我将发布一个我正在谈论的示例。

为了正确起见，我更新了@redDevil建议的解决方案，以遵守现代网络标准

加成

科拉
B列
C柱
D列
科勒
上校F
G列
呜呜呜呜呜呜呜呜呜呜

风格

表格{
宽度：100%；
表布局：固定；
}
运输署{
边框：1px实心#35f；
溢出：隐藏；
文本溢出：省略号；
}
td.a{
宽度：13%；
空白：nowrap；
}
td.b{
宽度：9%；
单词包装：打断单词；
}

居住 这里有一个关于jsFiddle的例子

请注意

解决方案的很大一部分是设置

表布局：固定

另一部分——你知道的——是为长单元格提供

换行：break-word

，并删除

溢出：隐藏规则

---

请粘贴一些上下文代码或jsFiddle，这是相关代码。@EliranMalka。我不能使用jscript。我知道所有caps html都可以工作，但这段代码在尖叫…@JKirchartz这是机器生成的抱歉：（@Pepe-好吧，你应该对那台机器尖叫一声这似乎不起作用。我同意内联样式，但我对此没有控制权。你能检查一下更新的JSFIDLE吗。首先，你们不应该保持

溢出：隐藏
，你将看不到任何长度超过该单元格宽度的文本。最近似乎不起作用st Chrome（32.x）或Firefox（26）。@GregPettit-你有证据吗？在我的ubuntu上有证据。你说的“证据”是什么意思？我在所描述的环境中加载JSFIDLE，文本没有被截断。我几乎不需要截图。；）进一步挖掘后，表格单元格的宽度与您应用的宽度不符。如果您使用实际的px测量值，它会开始工作，但浏览器在正确计算列的宽度时遇到问题。表格没有什么乐趣。在这一过程中，它要么在Chrome for Windows中停止工作，要么从未工作过。@GregPettit-说实话-我只在ubuntu chromium和firefox上测试过这个，没有在windows机器上测试过。它仍然适用于我。在提供的JSFIDLE中，如果我将“td.a”的样式更改为仅适用于“td”（删除“.a”），它就可以工作。但不是按照提供的那样。换句话说，忘记“a”和“b”类——td元素需要“nowrap”@GregPettit-将
td.a
更改为
td
似乎会破坏它，而不是修复它。请提供操作系统版本以及浏览器版本，以便我可以尝试复制此版本。感谢您的反馈并花时间对此进行评论。Eliran，我在Windows 8、Windows Server（2007）中试用过它，和Ubuntu12.04。在UbuntuBox上，它既不能在Firefox中工作，也不能在Chrome中工作。在Windows box上，它既不能在Firefox中工作，也不能在Chrome中工作。我也可以试试Mac box……但我怀疑它不能工作是更常见的情况。