Html 大小相等的表格单元格，以填充包含表格的整个宽度

有没有一种方法可以使用HTML/CSS（具有相对大小）使一行单元格在包含它的表格的整个宽度上伸展

单元格的宽度应该相等，并且外部表格的大小也是动态的

---

当前，如果我没有指定固定的大小；单元格只需自动调整大小以适应其内容。

只需使用百分比宽度和：

固定表格布局很重要，否则，如果内容不合适，浏览器将根据其认为合适的方式调整宽度，即宽度是一个建议，而不是没有固定表格布局的规则

---

显然，调整CSS以适应您的环境，这通常意味着仅将样式应用于具有给定类或可能具有给定ID的表格。

您甚至不必为单元格设置特定宽度，

表格布局：fixed

足以均匀分布单元格

ul{
宽度：100%；
显示：表格；
表布局：固定；
边界塌陷：塌陷；
}
李{
显示：表格单元格；
文本对齐：居中；
边框：1px纯色热粉色；
垂直对齐：中间对齐；
单词包装：打断单词；
}

foo
foo
芭芭拉酒吧
巴兹

使用

表格布局：固定
作为
表格的属性
和
宽度：计算（100%/3）用于
td
（假设有3个
td
）。设置这两个属性后，表格单元格的大小将相等

请参阅。
只需将此行添加到您的表格样式中即可：

#table_name{
    table-layout: fixed;
    width: 100%;
}

你有一个很好的例子

这是一个迟来的答案，但它将有助于将来的搜索。
并确保您的td选择器不选择其他涉及的td：Dyou不需要设置
td的宽度，因为您可能有动态列数…并且它可以在没有它的情况下工作。此解决方案更好，即使是动态生成的列也应该可以使用如果字符串超过了td max width，您就麻烦了添加
wordwrap:break word
将解决此问题，因为我刚刚发现您不需要这两个选项，单独使用任何一个解决方案都可以。
table { table-layout: fixed; }
td { width: 33%; }

#table_name{
    table-layout: fixed;
    width: 100%;
}