Css 具有自动宽度的固定表格布局

根据规范，固定表格布局在

宽度

设置为

自动

时不起作用：

17.5.2.1固定工作台布局

使用此（快速）算法，表的水平布局不会 不依赖于细胞的内容物；这只取决于时间 表的宽度、列的宽度以及边框或单元格间距

表格的宽度可以用“宽度”明确指定 财产。“自动”值（用于“显示：表格”和“显示： 内联表格”）表示使用自动表格布局算法。 但是，如果表格是中的块级表格（“显示：表格”） 正常流量时，UA可能（但不一定非得）

是否有任何黑客可以让它工作（使用纯CSS）

我拥有的：

表格布局：固定的

对

宽度：自动

无效：

表格{
/*那两个不能一起工作*/
表布局：固定；
宽度：自动；
}
运输署{
/*纯粹的视觉目的*/
边框：1px纯黑；
填充：10px；
}

中长文本
最长的文本
短

只需为

td

指定一个百分比宽度即可-那么

表本身就不需要任何CSS规则（请参见代码片段）


.container{
背景色：#0fa；
}
桌子{
背景色：#fa0；
}
运输署{
边框：1px纯黑；
填充：10px；
宽度：33%；
}

中长文本
最长的文本
短
只需为
td
指定一个百分比宽度即可-那么
表本身就不需要任何CSS规则（请参见代码片段）


.container{
背景色：#0fa；
}
桌子{
背景色：#fa0；
}
运输署{
边框：1px纯黑；
填充：10px；
宽度：33%；
}

中长文本
最长的文本
短
我希望表格单元格获得最宽的宽度，而不是固定的宽度。将td宽度设为33%，然后将其设置为Johannes我不希望表格获得与其父容器相关的宽度。事实并非如此：我将代码段更改为TDs的宽度为33%。此外，我还为表格和容器添加了背景色——在这里，您可以看到表格或td宽度与容器无关（否则表格将几乎填满容器的宽度）。这似乎很理想。它当然不是动态的，但似乎满足了OP的要求。我希望表格单元格的宽度是最宽的，而不是固定的宽度。将td宽度设为33%，然后再设为Johannes。我不希望表格的宽度与其父容器相关。事实并非如此：我将代码片段的宽度更改为TDs的33%。此外，我还为表格和容器添加了背景色——在这里，您可以看到表格或td宽度与容器无关（否则表格将几乎填满容器的宽度）。这似乎很理想。这当然不是动态的，但似乎满足了OP的要求。