0

一連のドキュメントが選択されたときにパンくずリストのパスを表示するために使用されるコンテナがあります。

各ブレッドクラム要素は単一の div であり、左にフロートされているため、互いにうまく積み重なっています。それらの幅は、ドキュメントのタイトルであるテキスト コンテンツによって設定されます。長さは大きく異なります。

対処方法: 要素のブレッドクラム リストが長すぎてコンテナーに表示できない場合は、コンテナー内にすべての要素が表示されたままになるように、サイズを変更する必要があります。

問題: これは機能しているように見えますが、ある程度までしかありません。ブレッドクラムのリストがコンテナに対して長すぎる場合は、コンテナの幅を存在するブレッドクラム要素の数で割り、それに応じて要素の幅を設定します。ただし、これは一貫して機能せず、リストの最後のドキュメントを表示することがありますが、選択した場合に直接の親を表示することを拒否します。

ウィンドウアイコンがウィンドウのタスクバーに表示されるようにサイズ変更されるのとほぼ同じように、ブレッドクラム要素はすべて表示されるように縮小し続けることが理想的です。

何が起こっているのかを大まかに強調するために少し手を加えましたが、ここでも要素がすべて表示されるように正しくサイズ変更されていないことがわかります。これは、8 つ以上の要素が追加されている場合に最も顕著です。

http://jsfiddle.net/MaxVK/drw9J/30/

誰が私が間違っているのか教えてもらえますか?

どうもありがとう

MVK

4

1 に答える 1

1

ボタンの幅から、パディング、マージン、および境界線のサイズ (あなたの場合: 9px、パディングに 2*3、境界線に 2*1、左マージンに 1) を差し引く必要があります。

var Lok = (BredWid / ButCount)-9;

http://jsfiddle.net/drw9J/35/

以下に簡単な例を示します。

http://jsfiddle.net/drw9J/34/

全体の幅がコンテナーの幅と正確に等しくないことに気付くでしょう (ボタンの後に小さな空白があります)。これは、幅の丸めによるものです。

最初の例 (あなたのバージョン) では、最後の空白は Lok よりも小さいボタンによるものです。

于 2012-06-20T11:16:07.503 に答える