css3 column瀑布流布局(兼容4大浏览器)

column的浏览器兼容问题,不同内核要写其前缀
column-width 和column-count没有必要同时出现
column-rule设置列与列之间的边框
-webkit Google浏览器内核
-ms IE
-o opera
-moz 火狐FireFox


2019-05-15_105934.png

css


多栏布局column-width可以设置每一列的宽度,并根据窗口宽度除以每一列宽度得到的列数进行纵向排列div模块,实现瀑布流布局

html


    

你可能感兴趣的:(css3 column瀑布流布局(兼容4大浏览器))