CSS3实现百度图片横向瀑布流布局（内含解决object-fit兼容性问题）
发布时间
阅读量：
阅读量
近期在公司进行项目开发时，需要用到横向瀑布流的页面布局方式，在实际操作过程中还遇到了与object-fit属性兼容性相关的问题，现将整个实现过程记录下来，如需直接复制代码可直接滚动至页面底部。
在此先附上一张效果展示图：
（希望不要对其中的男生进行吐槽）接下来进入正题 ：
所采用的技术架构为vue，通过v-for进行遍历：
<section>
// v-for就是根据imagesList数组去循环下面这个div部分。
<div class="img-wrapper" v-for="(item, index) in imagesList" :key="index">
<img class="img" :src="item.img" />
<div class="info">
<span class="size">helloworld</span>
</div>
</div>
</section>
全部评论 (0)
还没有任何评论哟~