纯css实现简单瀑布流(flex 和 column-count 两种方式)

方式一:column-count实现

这种实现方式的缺点是:图片是先从上到下排列,再从左到右排列的

    

  
  
  
    

方式二:flex布局+巧用order属性实现

这种方式可以实现从左到右
缺点:需要预先设定flex容器的高度,保证想要列数,且调整页面大小时会出现一些间距过大的问题



  
  
  
    

你可能感兴趣的:(csshtml)