Html 溢出：滚动容器缩小子对象，而不是让它们按需要扩展

我有一个容器（

ul

元素），我希望在溢出时可以滚动。问题是子项（

li

s）不会随着内容（

a

s）扩展，而是由于某种原因而缩小，而不是占用在同一行上显示所有内容所需的所有空间。这可以在第三个

li

中看到，我添加了更多的内容，而不是文本都在同一行，并且

li

扩展，它被压扁了

#容器{
宽度：300px；
高度：100px；
}
李{
列表样式：无；
右边距：20px；
显示器：flex；
}
李阿{
边框：1px纯黑；
边界半径：50px；
颜色：黑色；
文字装饰：无；
填充：10px；
保证金：自动；
宽度：自动；
}
保险商实验室{
显示器：flex；
宽度：100%；
溢出-x：滚动；
填充：0；
边距：自动0自动0；
身高：100%；
}

添加属性

空白：nowrapli a

CSS样式中的code>