0

float:left または float:right を使用する場合、行が次の行にオーバーフローしたことをどのように知ることができますか? 例えば、画面下部の左から右にアイテムの集まりを流したいのですが、次の行に行がはみ出したら非表示にします。float アイテムが次の行にオーバーフローする時点を知る方法はありますか?

4

3 に答える 3

1

私はjQueryを使用して次のようなことを行うことを計画しています：

$("#container").resize(function(){
    var totalwidth = 0;
    $(".floatable").each(function(index){
        totalwidth += $(this).outerWidth();
    });
    if(totalwidth > $("#container").width()){
        // YOUR MANIP CODE HERE
    }
});

$ .resize（）は、一部のブラウザでは再描画の各ステップで発生するため、250ミリ秒の遅延を設定することをお勧めします。

于 2012-09-17T17:07:05.433 に答える
0

これを実際に検出する方法はありませんが、フッター コンテナーに固定の高さを与え、そのオーバーフロー属性を非表示に設定することができます。

于 2012-04-07T01:07:37.903 に答える
0

見る1つの方法は、

  • フロートオーダーに従ってアイテムを収集します
  • 全幅を計算する
  • 親と比較して、大きいかどうかを確認します。
于 2012-04-07T01:14:05.417 に答える