css - 如何制作具有表格单元格宽度的表格，每个表格都适合其内容

Question

我遇到了一个问题:
在 IE6 中，table-cell 不适合它的内容。尽管我一直在尝试将内容放入具有相关属性的 div/span 等中，但表格单元格会拉伸(stretch)到其宽度大于其内容的宽度。任何人给我解决问题的想法？

Answer 1

如果我正确理解了您的问题和评论，那么您正在寻找一种方法来使表格单元格的大小刚好足以容纳内容。最好的选择是使用 javascript 读取每个单元格的内容，然后设置宽度。

如果您想要一个纯 CSS 解决方案，您应该将单元格的宽度设置为非常小的值 - 例如 0.01em。然后，无论你在牢房里放什么，它都会被完全填满。请参阅 http://jsfiddle.net/75Pv2/ 处的第三个表举个例子。