flex样式的子节点 不换行且不压缩宽度,flex-shrink

622 阅读1分钟

背景:parent节点使用了flex,子节点过多自动压缩宽度,显示在一行了,我需要每一个节点 宽度不压缩,不换行,自动往后排列

解决方案是子节点添加样式:flex-shrink: 0; image.png

可以的,是个好东西,具体属性的解释,就不复制粘贴了

同时也支持js语法: *object*.style.flexShrink="5"

看看文档给出的解释吧~ developer.mozilla.org/zh-CN/docs/…