インライン ブロックとして html に読み込まれる div (2 から 80 の範囲) がいくつかあります。これらの div の幅は、ウィンドウ幅 (単一のバーなど) から div のマージンを差し引いたスペース全体と、によって生成される変数に応じ(data.length*2)たパディングを差し引いたものを埋めるように設計されています。-20tag.duplicate_count/full_links.length
ここまでは順調ですね
var tag_width = tag.duplicate_count/full_links.length;
tag_width = ($(window).width()-(data.length*2)-20)*(tag_width);
結果：
| | _ _ | | |__ |__ _ __ _ _ |__ _ |__ _ __ _ _ __ _ __ _ | _
<--------------- window.width --------------->
上記のコードは実際に動作しますが、問題はここから始まります。一部の div には、10px より小さい幅が割り当てられることがあります。これを修正するために、これをコードに入れました：
tag_width = tag_width < 10 ? 10 : tag_width;
結果：
| | _ _ |__| | _| | _ _ _ ___| | _ __| | _ _ _ _ _ _ _ ____
___ |
<--------------- window.width --------------->
ただし、結合されたすべての div の合計幅が画面の幅よりも大きくなり、2 つ目のバーが作成され始めます (これは本当にしたくありません!)。理由はわかっていますが、それを防ぎたいのです。この問題を解決できる人、この問題に遭遇した人、または答えを知っている人はいますか?