コンテンツに基づいて高さが交互に変わるアイテムを含むリストに問題があります。これにより、次のように行が壊れます: http://jsfiddle.net/PYRGb/表示ビューのサイズを変更して効果を確認してください。
私が理想的に望むのは、リスト項目が次の行に続き、上の行の端にぶつかることなく行を作成するのに十分なスペースがあることです。これは可能ですか?
「行」について言及したことは知っていますが、テーブルが解決策になる可能性がありますが、リストを使用してディスプレイを流動的に保ち、さまざまなデバイスに適応できるようにしています。
私が見つけた唯一の解決策は、次の
min-height
ようにコンテンツがオーバーフローしないと確信していることを設定することです: http : //jsfiddle.net/PYRGb/1/可能であれば高さを合わせるアイテム。
編集: ディスプレイのサイズを 3 列に変更すると、必要な効果を確認できますが、他の状況では機能しません。(これがすべてのブラウザーで同じかどうかはわかりません。私は Chrome 26 を使用しています)
ありがとう