ホームページ > 記事 > ウェブフロントエンド > LI 縦配置問題_html/css_WEB-ITnose
LI 縦配置問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:08:311632ブラウズ
如何让纵向排满一列自动换第二列，大虾们请执教。。。
回复讨论(解决方案)
行がいっぱいになったら次の行に移動する
複数の DIV を使用することをお勧めします。高さは固定、キューがいっぱいの場合は 2 番目にランク付けされます
この配置は FIREFOX では互換性がありません これにより、水平になります。
li にフローティング配置を追加します。li の長さが ul の長さ以下になるように計算する必要があります。これらをきれいに配置したい場合は、li にオーバーフローの非表示と高さを追加するのが最善です。
実装には問題ありませんが、jquery を使用すると、右側がいっぱいで、左側が 10 になるのは奇妙に感じませんか?次に、右側、つまり全体の高さが固定され、左側の最大行数が達成されます (10 と仮定します)。まず、これらの li は、position:absolute; を使用して配置され、次に jquery を使用して配置されます。最初の 10 個のナビゲーション i(i=0;i
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。