0

で水平方向に調整する（高さが不明な）要素がいくつかfloat: left;ありますが、それらの要素の1つが高い場合は、次の行の要素の上にスペースがあります。その要素をその上の空きスペースに移動したいと思います。これが問題の写真です：要素の上の空のスペース、そこに移動する必要があります JavaScriptなしでこれを行うことは可能ですか？いずれにせよ、どうすればこれを行うことができますか？

4

2 に答える 2

1

JSなしのCSSの場合：

  • 「Fotos」を「Contato」に対して垂直に配置することができますdisplay: inline-block（空白は少し面倒で、必要に応じてIE6 / 7に相当します）

  • 偽の列またはCSSテーブルレイアウトのいずれかを使用して、各「行」に同じ高さのブロックを含めることができます（ table、trおよび要素を使用した非セマンティックHTMLテーブルレイアウトとは関係ありませんtd。ここでは、選択した要素を使用したレイアウトです）。

  • できるだけ多くのブロックをスタックしたい場合は、2つの列を作成し、それらをフロートさせて、ブロックを詰め込む必要があります。これにより、上から下、次に左から右に書き込まれるため、HTMLコード内の順序が変更されます（「Fotos」は、HTMLコードの「Home」の直後に表示されます）

于 2012-09-01T21:46:27.410 に答える
0

javascriptを使用してください！jquery組積造はこれのために作られました！

http://masonry.desandro.com/

于 2012-09-01T21:52:17.763 に答える