将表格列宽调整为内容大小答案

【问题标题】：Adjust table column width to content size将表格列宽调整为内容大小
【发布时间】：2011-02-01 23:56:01
【问题描述】：

Form（萤火虫高亮悬停在 td 上）：

标签列 CSS：

width: auto;
padding: 0;
margin: 0;

问题：

为什么我的左列有那个不可见的“padding-right”？无法缩小列以适应其内容？

--编辑--

问题出在桌子本身。我用“宽度：100%”定义了表格。删除它，问题就消失了。

【问题讨论】：

【解决方案1】：

问题在于表格宽度。我用width: 100% 来做桌子。去掉宽度标签后，表格列会自动调整。

【讨论】：

【解决方案2】：

如果您希望表格仍为 100%，则将其中一列设置为宽度：100%；这将扩展该列以填充额外空间并允许其他列保持其自动宽度:)

【讨论】：

【解决方案3】：

可能是边距有问题？

width:auto;
padding: 0px;
margin: 0px

【讨论】：