流体適応順不同水平リスト

これに対する解決策があります場合、私は思ったんだけど：（！おそらくない、しかし、あなたが知っていることはありません）流体適応順不同水平リスト

我々はこのようなULリストを持っていると仮定すると：

<ul class="nav"> 
<li><a href="/">Home</a></li> 
<li><a href="/">What we do</a></li> 
<li><a href="/">Human resources</a></li> 
<li><a href="/">How we work</a></li> 
<li><a href="/">Management</a></li> 
<li><a href="/">Multimedia</a></li> 
</ul>

と私たちのCSSは、インラインブロックトリックで水平に表示させる：

.nav li {display:inline-block;}

、我々はいくつかの基本的なビジュアルを追加

.nav li {border-right: 3px solid #ffb521;} 
.nav a:link, .nav a:visited {color: #a51d21;font: bold 18px/18px Calibri,Tahoma,sans-serif;padding: 10px 30px 10px 30px;display: block;background: #ffd074;} 
.nav a:hover, .nav a:active {background:#a54d24;color:#ffd074;}

何も特別ではありません。 http://jsfiddle.net/rjsaQ/

は、だからここに質問が来る：

はここにもフィドルだ、私は私の横のリストには、ストレッチ、すべての利用可能なスペースを取ることが、次の行に行かないことを確実にするにはどうすればよいです。私は詰め物を取り除き、最大幅で遊ぶべきだと思いますが、試してみましたが、実際には動作しません。私は幅と最大幅を組み合わせるべきですか？

あなたの時間と回答に事前に感謝します。

出典

2012-04-05 George Katsanos