インラインで表示される 5 つの項目のリストがあります。最初のリスト項目のテキストは左側に揃え、最後の項目は右側に揃える必要があります。私が欲しいのは、各アイテムのテキスト間の等間隔であり、右側と左側の両方に対して相対的であることです。
私はこれを見つけました: http://jsfiddle.net/Cerebrl/Wt4hP/ このスレッドで: A Space between Inline-Block List Items
すべてが左に揃えられているため、これは機能しません。ベローはサンプルコードであり、ここのjsfiddleでもあります: http://jsfiddle.net/phacer/uV9s9/
何か案は?js または jquery ソリューションがあれば、それも同様に機能します。
<ul>
<li>first item</li>
<li>second item</li>
<li>3 item</li>
<li>fourth item</li>
<li class='last'>5 item</li>
</ul>
CSS:
ul { width: 650px; }
ul li { width: 130px; position: relative; display: inline-block; float: left; }
ul li.last { float: right; text-align: right; }