Css 我有一个3x3的网格。如何使用flexbox根据最长列的宽度使元素适合我的第一列？

我正在尝试一种类似于图片中的效果。第一列占据最长元素的宽度。第三列也是如此。最后，中间的柱子将占据剩余的空间。我该怎么做？我做错了什么

这是我的代码直播：

偶像
电
50
偶像
能源和石油
50

如果使用bootstrap，请使用bootsrap内置类，花时间阅读文档以了解如何使用它。如果使用bootstrap，请使用bootsrap内置类，花时间阅读文档以了解如何使用它。