瀑布流无法居中，请大神帮忙看看，谢谢！

2015-05-10 10:41:24 172 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

qq_28092057 墨衍会员 · AI 创作全网分发关注 + 加入社区

Vue Nuxt.js + bootstrap + masonry 实现瀑布流 Vue 下实现瀑布流的插件有很多，但是总是有这样那样的缺点，今天找到一款vue-masonry，可以完美的结合Nuxt.js。安装 yarn add vue-masonry Nuxt根目录下有个plugins文件夹，创建vue-masonry.js文件写入下面的内容 import Vue from 'vue' import {VueMasonryPlugin} from 'vue-masonry' Vue.use(VueMasonryPlugin) 在nuxt.config.js文件中添阅读详情



window.onload = function(){

    imgLocating("container","box")

}



function imgLocating(ccontainer,bbox){

    var sceenWidth = document.documentElement.clientWidth;

    var imgWidth = bbox.offsetWidth;

    var cols = Math.floor(sceenWidth/imgWidth);

    var l = imgWidth*cols;

    ccontainer.style.cssText = "width:"+l+"px; margin:0 auto";

    alert(l);



}

...全文