脚本宝典收集整理的这篇文章主要介绍了不规则图片 瀑布流原理的分析应用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
在项目中遇到了不规则图片墙的布局问题 分析原理如下:
1.img display: block; 解决3px img标签bug
2.img 设置height 和width 不然会出现 下面的图片如果先加载上面的图片再加载时 会推动图片向下移动
3.父div posITion: relative; 让图片价格可以相对绝对定位
4.子span position: absolute; right: 5px; bottom: 5px; 让价格绝对父div定位
5.为了实现效果 把图片div放到3列大div里
效果如下:
以上是脚本宝典为你收集整理的不规则图片 瀑布流原理的分析应用全部内容,希望文章能够帮你解决不规则图片 瀑布流原理的分析应用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。