title: Flexbox : grow all items but last line
body: <p>I currently have this simple Flexbox layout:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
  }
  li {
    flex-grow: 1;
    padding: 20px;
    margin: 10px;
    background: #ddd;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li&gt;lorem&lt;/li&gt;
      &lt;li&gt;ipsum&lt;/li&gt;
      &lt;li&gt;dolor&lt;/li&gt;
      &lt;li&gt;sit&lt;/li&gt;
      &lt;li&gt;amet&lt;/li&gt;
      &lt;li&gt;consectetur&lt;/li&gt;
      &lt;li&gt;adipisicing&lt;/li&gt;
      &lt;li&gt;elit&lt;/li&gt;
      &lt;li&gt;sed&lt;/li&gt;
      &lt;li&gt;do&lt;/li&gt;
      &lt;li&gt;eiusmod&lt;/li&gt;
      &lt;li&gt;tempor&lt;/li&gt;
      &lt;li&gt;incididunt&lt;/li&gt;
      &lt;li&gt;ut&lt;/li&gt;
      &lt;li&gt;labore&lt;/li&gt;
      &lt;li&gt;et&lt;/li&gt;
      &lt;li&gt;dolore&lt;/li&gt;
      &lt;li&gt;magna&lt;/li&gt;
      &lt;li&gt;aliqua&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I would like my elements to fill the container width (as now), but leave the last line left aligned. As you can see, the last line attempts to fill the space, and this sometimes makes the last elements to get an ugly width.</p>
  
  <p>Does Flexbox allows us to do that ? I can't find a way to do it.</p>