表列用滚动条压扁

Question

我知道之前的问题大致相同，但似乎没有答案适用于我。

我在DIV容器中有一个表。当表格中有5行时，会显示x轴上的滚动条，但是，您可以看到第1列中的内容被压扁。

两列2和2的宽度。 3是固定的，但允许1自己调整到正确的宽度。当我尝试测量文本的宽度（通过将其复制到跨度）时，它的大小不正确，否则我只会计算3列的宽度并调整表格宽度。

我如何防止挤压或获得桌子宽度？ jQuery告诉我宽度和外部宽度都是零......

Answer 1

尝试将css规则添加到white-space列中的元素：nowrap;

否则你可以摆弄它或提供链接吗？

Answer 2

如果没有看到小提琴，我只能假设您明确设置单元格/行高（列和 2/3 在标题的同一行上呈现） ）;允许它具有灵活性可以在不裁剪内容的情况下工作。它还可以容纳更长的标题。

如果这不是一个选项，请在单元格上设置overflow:hidden;text-overflow:ellipsis;;如果内容不合适，那将导致他们呈现为“神秘博士：攻击...”。