如何使用css3实现瀑布流效果

　　要使用CSS3实现瀑布流效果，可以借助CSS的多列布局(multicolumn layout)属性。

　　以下是一些示例代码：

　　HTML结构：

<div class="columns">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
  <div class="item">Item 6</div>
  <div class="item">Item 7</div>
  <div class="item">Item 8</div>
  <div class="item">Item 9</div>
</div>

       CSS样式：

.columns {
  column-count: 3; /* 列数 */
  column-gap: 10px; /* 列间距 */
}

.item {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px; /* 元素间距 */
}

      上述代码中，我们使用了column-count属性来定义列数，使用column-gap属性来定义列间距。并且将每个item元素设置为display:inline-block，并将宽度设置为100%，使其能够按列排列。

　　此外，为了让每个item元素之间有一定的间距，可以设置margin-bottom属性。

　　这样，就可以使用CSS3实现瀑布流效果了。需要注意的是，多列布局属性并非所有浏览器都支持，需要在使用时注意兼容性。