title: How can i get the same effect as justify-content: flex-start using flex box with ghost items?
body: <p>I'm working on an application with node.js combined with angular.js, and I need get the same effect as <code>justify-content: flex-start</code> with <code>justify-content: space-between</code>.</p>
  
  <p>I was thinking about genererating ghost items in the rows, but I don't know how to acheave this.</p>
  
  <p>this is my style:</p>
  
  <pre><code> md-content md-list
          display flex
          flex-direction row
          flex-wrap wrap
          justify-content space-between
          align-content flex-start
          align-items flex-start
          -webkit-flex-direction row
  </code></pre>
  
  <p>and this is the flex-box</p>
  
  <pre><code>&lt;app-sidebar class="md-black-primary-default background"&gt;
  &lt;nav&gt;
      &lt;md-button layout="row" ng-repeat="(name, tab) in ::ctrl.tabs" id="nav-{{ tab.title }}" ng-click="ctrl.select(tab)" ng-class="{ selected: tab.selected }"&gt;
          &lt;md-icon class="md-black-primary-default text" md-font-set="material-icons"&gt;{{ :: tab.icon }}&lt;/md-icon&gt;
          &lt;span flex&gt;{{ :: tab.title }}&lt;/span&gt;
      &lt;/md-button&gt;
  &lt;/nav&gt;    
  </code></pre>
  
  <p></p>