Html 根据需要折叠表列（最大宽度为最小宽度），以完全适合第一列中的文本

我正在努力满足以下要求：

固定宽度的HTML表应该有多个列。第一列中的信息是最重要的，应该始终可见。其余列应始终减小其宽度，以便第一列单元格中的文本始终可见

我设法制作了一个保持固定宽度并折叠列的表，以适应：

桌子{ 宽度：200px； 最大宽度：200px； 表布局：固定； } td:第n个孩子{ 背景色：EEE； } 运输署{ 文本溢出：省略号； 溢出：隐藏； 空白：nowrap； } 非常重要的文字，不要折叠！ aaaa aaaa aaaa aaa aaa aaa aaa aaa aaaa aaaa aaaa aaa aaa aaa aaa aaa 桌子{ 宽度：自动； 表布局：固定； } td:第n个孩子{ 背景色：EEE； } 运输署{ 文本溢出：省略号； 溢出：隐藏； 空白：nowrap； 最大宽度：60px； } td：第一个孩子{ 最大宽度：无； } 非常重要的文字，不要折叠！ aaaa aaaa aaaa aaa aaa aaa aaa aaa aaaa aaaa aaaa aaa aaa aaa aaa aaa

---

桌子本身需要有固定的宽度。不允许扩展。如果第一列宽度等于此示例200px中的表固定宽度，则使用x滚动条查看其他列是否适合您？如果没有，你希望发生什么？@ReSedano这就是问题所在，我需要扩展第一列，但不知怎么的，不能扩展到整个表。它应该扩展，以便剩余的列可以保持其最小宽度。好的，但是如果我们将您的表放在另一个div中，宽度为：200px或最大宽度为：200px，并有一个overflow-x:scroll，这是您的解决方案吗？没有滚动条。这个想法是，表格将显示在手机屏幕上，并填满整个屏幕。但是因为手机屏幕很小，我需要确保第一列是可见的。现在，我通过对所有列使用固定宽度来解决这个问题——但这不是我所希望的。