Html 带CSS的3列贴合流体贴合布局

如何使用CSS创建fit/fluid/fit列布局？fit的意思是列的宽度就是其中内容的宽度。我不想为外部列设置像素或百分比宽度，我希望它们是其中内容的宽度。我已经求助于使用表的时间，但它觉得非常错误。有什么建议吗？

不使用表格，但也许您可以查看一下，它似乎与您需要的非常相似。

找到了一个仅使用CSS的解决方案。刚试过，效果很好

乍一看，它似乎是一个“固定的”-“流动的”-“固定的”布局，但如果您删除左右列上的固定宽度，使列“适合”您提供的文本，并且中心保持流动，而中心列或容器不需要了解左右列的宽度

---

真正的Sangraal。

指向3列流体布局的链接不是我想要的。我想要适合/流体/适合（即，外部列没有百分比宽度）。@pmdarrow因为您不是完全动态的，也不是在侧面的列使用预先指定的宽度这是唯一的选项，它不是有缺陷的，它比基于表的布局少很多缺陷，如果您对它感到满意，我可以为您提供一个基于JS的解决方案？如果JS解决方案是唯一的选择，那么我希望看到它。如果您可以编辑答案并删除除JS解决方案以外的所有内容，我会将其标记为已接受。此解决方案是有效的，但我真的希望看到一个在纯CSS中工作的版本，没有表格。看起来在外列上有固定的（即px或%）宽度。这不是我想要的。我希望它能让他们适应其中的内容。相关：