Javascript 根据按钮列表中的最长文本设置按钮大小

在我的javascript应用程序中，我有一个从api获得的可点击选项列表

我想根据按钮列表中最长的文本调整按钮大小

设置固定宽度将不起作用，因为在不同的页面中将有不同的选项文本

下面我演示了如何显示我的按钮

目前，我的应用程序如图1所示，但我需要如图2所示

任何css技巧都可以实现这一点吗

您可以使用flex

如果弹性项是同级项，则它们可以共享相同的宽度

.parent{
显示器：flex；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
}

标签标签
按钮
按钮
按钮
按钮

您可以使用flex

如果弹性项是同级项，则它们可以共享相同的宽度

.parent{
显示器：flex；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
}

标签标签
按钮
按钮
按钮
按钮

您可以使用显示：表格选项：

.table{
显示：表格；
}
托尔先生{
显示：表格行；
}
特塞尔先生{
显示：表格单元格；
}
div{
边框：1px实心#000；
}
钮扣{
宽度：100%；
}

BTN
文本
txt sdf sdf
txt SDFSDFSD

您可以使用显示：表格选项：

.table{
显示：表格；
}
托尔先生{
显示：表格行；
}
特塞尔先生{
显示：表格单元格；
}
div{
边框：1px实心#000；
}
钮扣{
宽度：100%；
}

BTN
文本
txt sdf sdf
txt SDFSDFSD

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的格式。请参见CSS没有选项来均衡不共享父元素的元素宽度。您可能需要JS。寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码，最好是在一个文本中。请参见CSS没有选项来均衡不共享父元素的元素宽度。您可能需要JS。