弹性项目收缩不足

时间:2019-07-11 16:29:55

标签: reactjs flexbox less

我大致具有以下CodePen https://codepen.io/anon/pen/qzvoqB中所见的视图。这是2列的flex版式。我想要实现的是,job-name div在屏幕尺寸变小时不将其他组件推出屏幕视口的情况下会变成省略号。问题是,当您减小浏览器的宽度时,文本会出现省略号,但收缩得不够,从而导致出现x轴滚动条。我希望left-container不会缩小或移出视口(因为内容对于用户很重要),而queue-container则要尽可能缩小,但由于job-name缩水不够

0 个答案:

没有答案