Flexbox with multiline text ellipsis
<p>I've been using the white-space: no-wrap, text-overflow: ellipsis, and overflow: hidden CSS properties to create ellipsis truncation for multiline text. However, this doesn't work when using flexbox.</p>

<p>When using flex, text-overflow: ellipsis seems to truncate the height of the flex-item to a single line always.</p>

<p>Is it possible to use some combination of flex and css ellipsis truncation for multiline text?</p>

<pre><code>&lt;div className="flex-container"&gt;
  &lt;div className="flex-item"&gt;
    &lt;p&gt;long multiline text that i would like to truncate&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I can get it working with single line truncation. Setting the height manually in conjunction with flex + white-space: nowrap doesn't work.</p>