Html 将中间表格单元格调整为内容的宽度

目标是让中间表格单元格根据其内部内容调整宽度

我知道这在末尾的表格单元格上是可能的，使用：width:1px；空白：nowrap

但是，我无法在中间的表格单元格上实现这一点。如有任何建议，将不胜感激

注意：我知道这在flexbox中是多么容易，而不是寻找flexbox解决方案。

下图供参考

---

您需要使用表格单元格，并使用1px宽度作为中心单元格。左右单元格必须为自动宽度：

.table{显示：表格；宽度：100%；}
.left、.right、.center{显示：表格单元格；宽度：auto；}
.left{背景色：灰色；}
.right{背景色：银色；文本对齐：右侧；}
.center{背景色：黑色；颜色：白色；宽度：1px；}

内容左侧内容中心内容右侧

井道，

宽度：1px；空白：nowrap也适用于中间单元格！请看：我犯了一个简单的错误，将表格布局设置为“固定”，这导致单元格重叠。