Html 表：展开列以适应宽度，但保持行高为单行

我有一张桌子，可以填满它容器的宽度。它有三列。两列具有固定宽度，而第三列必须展开以填充剩余宽度。表格的宽度是动态的

如果一行的高度可能会扩大，我可以让它工作，但我需要每行只有一行文本。如果文本太长，则必须将其剪掉

代码+示例：（）

编辑：我重写了上面的描述，并用一个示例更新了JSFIDLE，显示了它应该是什么样子

#包装器{
宽度：200px；
背景：白色；
}
桌子{
边界塌陷：塌陷；
文本对齐：左对齐；
宽度：100%；
边缘底部：30px；
}
div{
溢出：隐藏；
空白：nowrap；
文本对齐：左对齐；
}
.td_col_二{
宽度：100%；
}
.col_one_div{
宽度：90px；
背景：红色；
}
上校二部{
背景：浅蓝色；
溢出：隐藏；
}
上校三分区{
宽度：20px；
背景：浅绿色；
}

罗宾
nowrap不适用于长文本。
x

考虑使用display:flex和flex:1（flex-grow:1）

检查此代码段

#包装器{
背景：白色；
显示器：flex；
弯曲方向：立柱；
边框：1px纯黑；
}
#包装表{
弹性：1；
宽度：100%；
}
桌子
tr，
运输署{
边框：1px实心；
}
#表二{
单词包装：打破所有；
}
.td_col_二{
宽度：100%；
}
.col_one_div{
背景：红色；
}
上校二部{
背景：浅蓝色；
}
上校三分区{
宽度：20px；
背景：浅绿色；
}

罗宾
短篇作品
x
罗宾
空白也正常工作。
x
罗宾
nowrap不适用于长文本。
x

那么，您想让每一列保持最大值，而不管其内容是什么？关于你的目标和表格的描述都不是很清楚。它想要的行为和不想要的行为是什么？两列具有固定的宽度，只有中间的一列扩展以填充表的宽度。我现在已经在问题中澄清了这一点。如果你看一下JSFIDLE，那么最后一个表应该看起来像中间的表，但是要缩短较长的文本以适应需要。你考虑过截断较长的文本并使省略号成为全文的锚吗？没有JS，我看不出有什么方法可以做到这一点。如果我需要JS，那么我宁愿使用它来设置div的宽度并使用省略号。我很难理解想要的结果？最后一张表的中间一栏还是太宽了，谢谢。如果文本无法放入列中，则需要缩短。表的宽度必须保持在其父级的约束范围内。因此，您的意思是，如果文本宽度大于其应换行的列宽，但中间的列应展开以适合表？修改了代码，现在只检查这是您想要的吗？行应仅为单行高。这里的最后一个表是它的外观，但中间的列没有特定的宽度：如果中间的列是宽的，它应该换行吗？