フレックス計算からdiv（フレックスアイテム）を除外する方法は？

私はそれが3d partyライブラリなので、私は変更できないhtmlレイアウトを持っています。フレックス計算からdiv（フレックスアイテム）を除外する方法は？

私は4つのdiv要素を持っていると私は彼らがそのようなフレキシボックスの内側になりたい：

1 ------ 2 ------ 2が中央にある3

（ 4は全く見えません）。

私はhereの例を作成しました。

最後のdivが項目番号2の中央の位置を壊すという事実を別にしたいと思っているようですが、これは主に動作しているようです。私が完全に "flex"それがHTMLであっても？

.fc-toolbar { 
 
\t background-color: #7CC2DD; 
 
\t color: white; 
 
\t height: 5rem; 
 
\t display: flex; 
 
\t align-items: center; 
 
\t justify-content: space-between; 
 
} 
 

 
.fc-left { 
 
\t order: 0; \t 
 
} 
 

 
.fc-right { 
 
\t order: 2; 
 
} 
 

 
.fc-center { 
 
\t order: 1; 
 
} 
 

 
.fc-clear { 
 

 
}

<div class="fc-toolbar"> 
 
    <div class="fc-left"> 
 
    <button type="button"> 
 
     < 
 
    </button></div> 
 
    <div class="fc-right"> 
 
    <button type="button"> 
 
      > 
 
    </button> 
 
    </div> 
 

 
    <div class="fc-center"> 
 
    <h2>May 2016</h2> 
 
    </div> 
 
    <div class="fc-clear"></div> 
 
</div>

出典

2016-05-04 Ilya Chernomordik

すべてのdivの最小幅を33％に保ち、flex-wrap：nowrap;コンテナのオーバーフローを隠しておく。これは、4がボックスに入るためのスペースを与えず、2が中央にくるようにする。 –