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

Html 将表格列宽调整为内容大小,html,css,css-tables,Html,Css,Css Tables,表单(萤火虫突出显示时,将鼠标悬停在td上): 标签列CSS: width: auto; padding: 0; margin: 0; 问题: width: auto; padding: 0; margin: 0; 为什么我的左栏有不可见的“右填充”?不可能缩小列以适应其内容吗 --编辑-- 问题在于桌子本身。我用“宽度:100%”定义了表格。删除了它,问题就消失了。可能是保证金问题 width:auto; padding: 0px; margin: 0px 问题是桌子的宽度。我使用了

表单(萤火虫突出显示时,将鼠标悬停在td上):

标签列CSS

width: auto;
padding: 0;
margin: 0;
问题

width: auto;
padding: 0;
margin: 0;
为什么我的左栏有不可见的“右填充”?不可能缩小列以适应其内容吗

--编辑--


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

可能是保证金问题

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

问题是桌子的宽度。我使用了
宽度:100%
作为表格。删除宽度标记后,表格列将自动调整。

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

我在我的帖子中添加了“边距:0”,但这不是问题。绝对正确+我不这么认为。