温叶博客

温叶博客

标签 组件 下的文章

如何用绝对定位实现瀑布流

前言瀑布流是一种布局方式,实现瀑布流有很多种方法,例如flex,grid布局,但或多或少有这样那样的问题。所以这里介绍的是最传统也是兼容性最好的方法,绝对定位布局。实现思路首先我们来看看瀑布流长啥样首先基于瀑布流的特点,我们很容易就能定义出这几个变量data() { return { containerWidth: 1230, // 容器的长度 colCount: 4, ...