Javascript Flex布局：当两个子元素位于同一行时显示第一个元素

我有一个简单的模板：

HTML:

.outer{
显示器：flex；
宽度：200px；
}
.内部{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}

敏捷的棕色狐狸
跳过懒狗

您需要告诉.left它不应该收缩。您可以通过设置flex shrink:0

.left {
  flex-shrink: 0;
}

---

您需要告诉左边的。它不应该收缩。您可以通过设置flex shrink:0

.left {
  flex-shrink: 0;
}

---

谢谢！如果

.outer

元素只有100px宽怎么办？当第一个元素都不合适时，我仍然希望使用省略号。类似于quic的东西…当然，只需给内部一个100%的最大宽度，谢谢！如果

.outer

元素只有100px宽怎么办？当第一个元素都不合适时，我仍然希望使用省略号。类似于quic的东西…当然，只需给.inner最大宽度100%