博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现瀑布流
阅读量:4361 次
发布时间:2019-06-07

本文共 309 字,大约阅读时间需要 1 分钟。

 首先设置几行,固定宽度,高度自适应,通过js实现li标签的绝对定位。

js方法理解:先判断一共多少个li,当地i个li小于4列的时候,把他们向下浮动的高度保存到li_h[]的数组里【1,2,3,4用于判断绝对位置的left】,小于4的时候,设置绝对高度,当大于4的时候,再放第五个li标签的时候,先判断li_h[]中的数组中最小的一个数组高度,然后用getKeyByValue()方法,返回最小高度的位置,在重新定义当前数组的高度的时候,加上10,是li的padding的和,每次改变的时候,都需要加padding的值。

 

转载于:https://www.cnblogs.com/mu-zi/p/6306080.html

你可能感兴趣的文章
iOS开发——使用基于Autolayout的ScrollView
查看>>
c语言 指针的值
查看>>
C语言 百炼成钢11
查看>>
C++运算各版本学习
查看>>
阅读笔记06
查看>>
学习ant——Java的Build工具
查看>>
mysql5.7的新特性
查看>>
JVM运行时数据区域解析
查看>>
idea如何使用subversion创建补丁包
查看>>
面向企业级的开源WebGIS解决方案--MapGuide(对比分析)
查看>>
Android的GridView控件点击图片变暗效果
查看>>
Long 和 Integer
查看>>
ArcGIS JavaScript API4.8 底图选择的几种方案
查看>>
Linux 后台执行命令
查看>>
多线程学习笔记
查看>>
C# 队列集合的使用
查看>>
POJ 2947 Widget Factory (高斯消元 判多解 无解 和解集 模7情况)
查看>>
PC-LINT
查看>>
Hadoop配置安装手册
查看>>
【agc017E】Jigsaw
查看>>