前端html+css+js开发:瀑布流布局(附源码)
效果图:
注: 全屏模式下图片的自动填充还没有完善
注:半屏模式下图片会自动填充,出现页面奔溃现象时多刷新几次
css代码:
* {
margin: 0;
padding: 0;
}
#main {/*整体相对定位,因为每个小盒子的位置是通过计算再由绝对定位放置,是需要相对于main盒子*/
position: relative;
}
.box {
padding: 15px 0 0 15px;/*后面js获取的高度包括padd
原创
2022-05-21 20:22:56 ·
1013 阅读 ·
0 评论