0

HTML

<div id="container">
<div class="item">
  <p>AAAAAAAAA amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
  <p>Bacon ipsum dolor sit amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
</div>
<div class="item">
  <p>BBBBBBBBmet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
  <p>Bacon ipsum dolor sit amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
  <p>Bacon ipsum dolor sit amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
  <p>Bacon ipsum dolor sit amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p><p>Bacon ipsum dolor sit amet tail frankfurter brisket, meatloaf beef ribs doner pork prosciutto ball tip rump tenderloin tongue. Pastrami fatback beef, sausage beef ribs venison tenderloin swine. Fatback leberkas kielbasa drumstick pork venison beef frankfurter. Turducken rump capicola, spare ribs leberkas brisket pork belly ball tip ground round. Tongue strip steak beef ribs shoulder.</p>
  </div>

etc....

CSS

body {
    background-color: red;
}

.container{ width:940px; margin:0px auto;}

.item {
  width: 220px;
  margin: 10px;
  float: left;
  padding: 5px;
  background-color: white;
}

何が間違っているのか理解できません。デフォルトの石積みコードをエディター（http://jsfiddle.net/desandro/LDEGk/）に貼り付けても、混乱していました。

http://jsfiddle.net/ntzMr/

これらはbodyタグにある私のスクリプトファイルです（.jsファイルはルートフォルダーにあります）：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/jquery.masonry.min.js"></script>
4

1 に答える 1

1

石工ライブラリの組み込みに問題があるようです。石工ライブラリの外部リソースを追加した後、コードはここで正常に動作しています。

<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
于 2013-01-07T03:27:59.960 に答える