css柔性流体宽度

我有一个有点复杂的问题。我必须在两栏中介绍食谱的成分。一列是配料数量和计量单位，右边是配料

从结构上看，一种成分得到了2个DIV-s，左右部分

.recipeingedint{
显示器：flex
}
.单位{
柔性：1：右边框：1像素实心#666；
右：3%；
文本对齐：右对齐；
}
.配料{
弹性：2；
左：3%；
文本对齐：左对齐
}

1公斤
面粉（应为全麦型）


2件大的
汤姆托

使用表格：

部分{
显示：表格；
表布局：固定；
边框：1px实心；
最大宽度：200px；
}
.受信人{
显示：表格行；
}
.单位，
.配料{
显示：表格单元格；
外形：1px实心；
填充物：5px；
}
.单位{
空白：nowrap；
}

1公斤
面粉（应为全麦型）
2件大的
汤姆托

老实说，一个

表格

将是一个更好的布局方法。好吧，我想即使没有表格html标记，我也可以使用表格？在css中显示：表格？使用表格可以这样做吗？这是一个很好的解决方案！谢谢。但是nowrap不可用，因为单元格即使扩展其他单元格也不会包装，所以在mob中如果可能的话，我只希望左侧不会换行，因为现在有时候使用fixed with和floats，单词是收支平衡的，不需要设置宽度为33%（左列）。如果单元格上没有设置宽度，则表格单元格如何响应内容？@Jerry2将其替换为最小宽度配置（例如：最小宽度：100px；）