2 
<style>

#container {
  float: left;
  max-width: 900px;
}

.item {
 float: left;
 width: 300px;
}

</style>

<div id="container">

  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>

</div>

Mansory はあらゆる状況でうまく機能します。

  • #container max-widthプロパティのみに適用
  • そしてfloat: left一人で

float: leftしかし、両方の&の組み合わせを適用すると、残念ながら機能しませんmax-width。

  1. このように動作させる方法と、両方の CSS プロパティを適用した後に動作しないのはなぜですか?
  2. 私は左に浮く必要が#containerあり、同時にそれを持っmax-widthている必要があります。どういうわけかそれを行う可能性はありますか？float: left をコンテナの親に使用しようとしましたが、うまくいきませんでした。
4

1 に答える 1

1

Masonry #containerは相対的に配置する必要があり、.masonry-brick要素はレイアウト エンジンによって絶対的に配置されます。これが、要素の配置を自動的に処理する Masonry の要点です。.masonry-brick要素の配置を自分で変更すると、作業にスパナが必要になります。ドキュメントとそこにある多くの例を参照してください。#containerの位置を変更するには、Chrome の devtools で他の例を観察して、前の要素、マージン、およびパディングを使用して、必要な場所に配置する方法を確認してください。

于 2012-09-03T06:20:52.370 に答える