title: Flexbox with multiline text ellipsis
body: <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>