用瀑布流的方式在网页上插入图片的简单实现方法

当我们的网页需要插入很多图片的时候，为了美观，我们可以选择用瀑布流的方法插入图片

首先我们在body里面放入我们需要展示的图片

然后设定样式

    *{
      margin: 0;
      padding: 0;
    }
    .dinwei{
      float: left;
    }
    .pic{
      padding: 5px;
      border: 1px solid #000000;
    }
    img{
      margin: 0;
      padding: 10px;
      width: 220px;
      height: auto;
    }
  

接下来就是把图片用瀑布流的方式展现的JS