Css 我可以像flexbox一样使表列相等地分开吗?

Css 我可以像flexbox一样使表列相等地分开吗?,css,html-table,flexbox,Css,Html Table,Flexbox,在包装器元素上使用display:flex,在每个子元素上使用flex grow:1,如果您将布局视为一个表的单行,“列”是相等地分开的(每个列之间的空间,无论内容是什么,都是相同的) 但是,当使用表时,布局不是这样工作的,因此列之间的空间使表看起来不平衡 表格列是否有可能以更智能的方式分开,从而使每个列之间的间隔大致相似?不,flexbox不能这样做……但是CSS网格可能可以表格布局:fixed将每个列设置为相同的宽度,flex:1也将设置为flex。您能否添加工作代码和预期结果的图像。网格

在包装器元素上使用
display:flex
,在每个子元素上使用
flex grow:1
,如果您将布局视为一个表的单行,“列”是相等地分开的(每个列之间的空间,无论内容是什么,都是相同的)

但是,当使用表时,布局不是这样工作的,因此列之间的空间使表看起来不平衡


表格列是否有可能以更智能的方式分开,从而使每个列之间的间隔大致相似?

不,flexbox不能这样做……但是CSS网格可能可以
表格布局:fixed
将每个列设置为相同的宽度,
flex:1
也将设置为flex。您能否添加工作代码和预期结果的图像。网格将使行和列匹配。如果你澄清你的问题,我们可能会有效地建议你<代码>表格布局:固定的:,
flex:1
改为
flex grow
(使单元格大小相等)和
grid
备选方案(无论行数和列数如何,它都匹配):