如何使用表格单元格宽度制作表格，每个表格都适合其内容答案

【问题标题】：How to make a table with table-cell-widths, which each of them is fit to its content如何使用表格单元格宽度制作表格，每个表格都适合其内容
【发布时间】：2019-01-22 17:50:51
【问题描述】：

我遇到了一个问题：
在 IE6 中，表格单元格不适合其内容。尽管我一直在尝试将内容放入具有相关属性的 div/span 等，但表格单元格会拉伸以使其宽度大于其内容的宽度。有人给我解决办法吗？

【问题讨论】：

拜托，拜托。为了大家的理智...放弃IE6...不值得鞭打死马！
@Lee：是的，这是礼貌的说法。或者，用更少的外交手段和更多的 Crockford-ianally 来表达，这里有一个链接：26.media.tumblr.com/tumblr_l3jxqkYTAF1qz7fybo1_r1_500.jpg
:(问题是这个决定不属于我，它属于那些天真的客户，遍布美国！
你能用代码示例澄清一下吗？即使在 OS/X 上的 Chrome 上，包含大量数据的表格单元格也会增加表格的大小。 jsfiddle.net/CrUJ9 是否说明了您遇到的问题？
示例很简单。只需创建一个包含一行的表格的 html 文件。在一个单元格中，您可以附加一些短文本，例如：“aa”，在另一个单元格中，您可以附加“bbbbbbbbb”。然后，尽管尝试将任何样式应用于表格、表格行、表格单元格，但第一个单元格无法缩小其大小以适应“aa”（总是更长）。

标签： css html-table internet-explorer-6

【解决方案1】：

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

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

【讨论】：