0

例： http： //jsfiddle.net/BpYZn/

これが私が取得したかったものです： http ：//www.akinyapin.com/

ブラウザのサイズに応じて、divは1行あたり3から1行あたり5に再調整されます（多分それ以上、私の画面は1366×768で、確認できません）。

div要素をfloat属性に合わせて作成してみました。部分的に機能し、ブラウザのサイズに応じて1行あたり3に縮小しますが、互いに「くっつく」ことはありません。異なる行のdiv間には大きなギャップがあります。

2番目のWebサイトは、「position：absolute」を使用しています。誰かが知っているようなことのスクリプトはありますか？

これはdivのcssです

.box1{
padding:7px;
position:relative;
margin:1px;
background-color:white;
width:230px;
min-height:200px;
float:left;
-webkit-border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
4

1 に答える 1

2

Web サイトでは、スタッキング div マジックを行う Masonryと呼ばれる JavaScript プラグインを使用しています。この効果が純粋な css で達成されるとは思いません。

于 2012-11-02T19:00:13.877 に答える