JS/JQuery整齐的照片墙:展示很多宽高不同照片,让每一行中的所有照片高度一样,所有的行的宽度一样
JS/JQuery照片墙:展示很多宽高不同照片,让每一行中的所有照片高度一样,所有的行的宽度一样实现思路最终的效果是照片墙的每一行的height都不一样,但是对于每一行的照片,它们的宽度相加是一个固定的值。要求的值就是每一行的height, 然后会对每一行的照片赋值为height。设每一行的width为w;共有n张照片,每一个照片i的宽高分别为wi和hi。因为不让照片缩放,所以wi/hi=ki是一个固定的值,需要先求出来。wi = hi/ki;w1+w2+w3+…+wn = w;由前两个公式
原创
2021-07-23 12:08:37 ·
1192 阅读 ·
0 评论