3

デザイナーが等間隔のアイテムでトップナビゲーションを使用する場合に実装する必要のあるデザインがあります。

私はこれに順序付けられていないリストを使用しました。アイテムを等間隔に配置する唯一の方法は、JavaScriptを使用することです(これはCMSであるか、LIの数が異なる場合があります)。

私が抱えている問題は、LIがパディングなしで開始され、その後JSによってパディングが追加されることです。ページ間をフリックすると、目立ったジャンプが表示されます。

可能であればテーブルを避けて、HTMLを介して同じ結果を達成する方法はありますか?

4

2 に答える 2

3

リストアイテムdisplay:inline-blockを作成してから、幅を指定します。幅はem単位である必要があるため、テキストに合わせてサイズが変更されます。

IE6では見栄えがよくありませんが、読み取り可能/ナビゲート可能である必要があります。

于 2012-09-10T00:08:07.587 に答える
1

水平方向に等間隔で話している場合は、display: table-cell

ul { display: table; width: 100% }
li { display: table-cell }

display: table使用可能なすべての幅を使用する場合は、親コンテナが必要であることに注意してください。

于 2012-09-10T02:43:07.283 に答える