Javascript 使用flex display时避免挤压元件

我希望在使用下面的CSS代码时避免压缩元素，特别是对于Chrome浏览器，版本。39

此CSS代码在Chrome版本上运行良好。46但我需要使用像谷歌Chrome的v.39这样的旧版本。因为我使用这个版本作为包装来创建桌面PC应用程序

下面是我想要避免的压缩效应：

这里看起来不错：

#bascket{
溢出：隐藏；
位置：绝对位置；
宽度：100%；
身高：52.9%；
最高：14.72%；
左：0px；
背景：rgb（255、255、255）；
大纲：无；
光标：-webkit抓取；
显示器：flex；
弯曲方向：柱反向；
柔性生长：1；
弹性收缩：1；
调整内容：灵活启动；
}

1.
项目名称1
77
1.
项目名称2
77

弹性收缩和弹性增长属性仅适用于弹性项目。你把它们放在flex容器上

默认设置为

flex-shrink:1

，因此您的flex项目（

#bascket

的子项）具有此设置并允许收缩

您可以使用flex项目上的

flex-shrink:0

禁用收缩功能

详情如下：

---

弹性收缩和弹性增长属性仅适用于弹性项目。你把它们放在flex容器上

默认设置为

flex-shrink:1

，因此您的flex项目（

#bascket

的子项）具有此设置并允许收缩

您可以使用flex项目上的

flex-shrink:0

禁用收缩功能

详情如下：

---

@Fed我想他是说把flex-shrink:0放在

#basket

的孩子身上。Basket是flex容器，正如您现在的代码一样，flex收缩/增长没有做任何事情。@chazsolo是的，您是对的，我应该把它放在#bascket的每个孩子身上。。。我的错误是，以前我试图在父节点上放置#bascket和#bascket每个项目的子节点，所以应该在#bascket的子节点上，而不是在子节点上：）@Fed我想他是指在

的子节点上放置
flex-shrink:0
。Basket是flex容器，正如您现在的代码一样，flex收缩/增长没有做任何事情。@chazsolo是的，您是对的，我应该把它放在#bascket的每个孩子身上。。。我的错误是，以前我试图将父节点#bascket和#bascket每个项目的子节点放在#bascket的子节点上，所以它应该放在#bascket的子节点上，而不是子节点的子节点上：）我尝试使用以下命令使父元素具有自动大小：height:auto；这将更好地显示bascket中的元素，但随后会出现其他问题，bascket将在其他元素上扩展其内容，这将再次扰乱屏幕：（我已尝试使用以下命令使父元素具有自动大小：height:auto；这将更好地显示bascket中的元素，但随后会出现其他问题，bascket将在其他元素上扩展其内容，这将再次扰乱屏幕：(