Html 表格中的文字换行，中间列填充剩余宽度

我试图让一条水平线在表的第一列和最后一列之间延伸，但是如果文本很长，我需要将第一列和最后一列换行。我发现获得理想效果的唯一方法是使用宽度：100%；在中间列上，空白处：nowrap；在第一个和最后一个，但我需要找到另一种方式，因为我需要文本包装时，没有足够的空间。有没有办法在普通CSS中实现这种效果

桌子{ 宽度：100%； } 运输署{ 垂直对齐：中间对齐； 空白：nowrap； } td:nth-child2{ 宽度：100%； } .线路{ 边框顶部：淡蓝色； } 标题单元格，具有应换行的长标题 另一个细胞，应该包裹起来

---

尝试删除空白：nowrap；在TD标签上，然后使用

td {
vertical-align: middle;
//white-space: nowrap;
}
td:nth-child(1),td:nth-child(3) {
//add whatever min-width AND max-width so it could be something like this
min-width:150px;
max-width:300px;
}

---

看看这是否有帮助。

您可以在每个单元格中放置一个span或div，使其使用白色背景，然后在表格行上设置行以直观地创建此类布局

查看下面的fiddle演示，以便轻松调整大小并查看包装文本

.桌子{ 宽度：100%； 边界塌陷：塌陷； } .表tr{ 背景：线性渐变蓝色，蓝色中心/99.99%1px无重复； } .table div{ 背景：白色； 显示：内联块； } .中分区{ 最小宽度：100px；/*根据需要移除或调整值*/ } .最后{ 文本对齐：右对齐； } 标题单元格，具有应换行的长标题 另一个细胞，应该包裹起来

---

能否显示所需输出的屏幕截图？@TemaniAfif已添加到编辑中。如果文本很长，则没有线条，文本应该换行。这应该是表格？第一个解决方案很好，但是当它们折叠时，仍然有一个小的蓝色像素。使用宽度99.99%作为背景大小似乎可以。@非常感谢贴纸。