css实现瀑布流效果

css实现瀑布流的效果是使用的多列布局来实现的，其中column-width表示的是每一列的宽度，column-gap表示每一列的间距，因为是css3的属性，为了处理兼容性问题，记得在前面加上各大浏览器的私有前缀。瀑布流实现的代码如下：

注意：使用的图片的宽度是一致的。图片可以自己百度自行下载几张，然后使用画图工具修改宽度就可以，让高度自己随宽度进行调整。后期会更新使用js或者jq实现的瀑布流效果。