Html 表列大小均匀，无需设置宽度

我有一个动态生成的表，所以我不知道其中有多少列。我希望所有列的宽度都相同，但无法设置宽度，因为它取决于列的数量

例如，如果有3个

包含内容，我希望它们为33%，但不设置

宽度
如
33%。还有，div中的任何内容
需要对单词进行
包装
，以使其在任何地方打断单词

以我下面的代码片段为例，第三列“Bob”的空间与其他两列的空间不一样


表格{
宽度：100%；
}
div{
边框：1px纯黑；
显示：内联块；
宽度：100%；
}
跨度{
断字：断字；
}

公司首席执行官（0 afspraken deze dag）
一名经理（0 afspraken deze dag）
上下快速移动
您可以使用
表格布局：固定

如果使用此选项，并且没有为第一行中的单元格设置宽度（即
th
s），则列将在表中均匀划分，无论它们有多少内容。列中的其余单元格也将采用第一行列的宽度，无论它们包含什么

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

由于fixed layout不允许您在表上设置最小宽度，因此我们可以使用
容器
div来代替

请注意，我还将边框从
div
（因为它的高度可能不同）移动到了
th
，因为它在行中的高度相同

工作示例：


表格{
宽度：100%；
表布局：固定；
}
.集装箱{
最小宽度：350px；
}
th{
边框：1px纯黑；
}
表分区{
显示：内联块；
宽度：100%；
}
跨度{
断字：断字；
}

公司首席执行官（0 afspraken deze dag）
一名经理（0 afspraken deze dag）
上下快速移动
将表格布局属性添加到表格中

table-layout: fixed;

如果你想要3列以33%的间隔均匀分布，为什么你不想将它们设置为33%？因为它需要动态变化，列的数量是基于一个
复选框列表
。我只使用边框进行可视化，否则，这些行在JSFIDLE中是不可见的，因此您不必经历这种麻烦，只需+1即可：P@FllnAngl没有造成任何伤害，它使它看起来很好的例子无论如何！：）@是的，会的！将表格添加到容器中并设置宽度限制如何？桌子将占据容器的全部空间，这样就可以工作了。我已经更新了我的答案，你可能也应该更新你的问题，这样寻找这个的人也会找到它@FllnAngl刚刚看到你编辑的评论-如果你是指每列的最小宽度，我认为没有办法解决这个问题，你要么在生成表时计算它，要么在大多数情况下计算出容器的最小宽度：）哈哈，我想你会这么说：P，我看看我能做什么，因为时间表就像是2000行HTML代码