使用CSS3属性Multi-columns实现瀑布流布局

 使用CSS3属性Multi-columns实现瀑布流布局

主要属性:

父容器:

  • column-count: 5;   规定的列数,设置5列
  • column-gap: 0;   规定的间隔距离

子容器:

  • break-inside: avoid;   不允许插入任何中断(包括了avoid-page:禁止出现任何分页符,avoid-column:禁止任何列断裂,avoid-region:禁止任何区域中断)

 





    
    
    Page Title
    




    

 

你可能感兴趣的:(CSS,CSS3)