Css 带省略号的Flexbox文本溢出

我试图弄明白如何使用CSS3

flex

让我的第一列停止换行，并在到达第二列的高度时截断文本。因此，理想情况下，第二列中的所有文本始终可见，第一列占用所有可用空间，而不是第一行上的换行，但第1列永远不允许设置整个

flex

div本身的高度

---

Codepen示例：

这可能会有所帮助：这是一个非常好的资源，但它似乎只是讨论了如何将文本夹紧。如果没有像jQuery这样的按字符数截断的方法，或者类似的方法，

文本溢出：省略号

方法只对一行文本有效，那么似乎就没有办法动态地打断文本。Flexbox并不是为了这个目的，整行钳制是webkit特有的功能。