数学方法代替浮动解决自动换行排列

其实我还是倾向于浮动布局,只是后台数据必须放在一个静态的div内,

而必须给每个one元素的鼠标经过加上一个全屏宽的下拉气泡,

并且下一行内容随之下移,

所以不能随意增删div。

数学方法采用求余和除法即解决:

var _length=$(".one").size();

var _width=$(window).width()<1000?1000:$(window).width();

var imgWidth=180;

var _num=Math.floor(_width/imgWidth);

var _left=_margin+(imgWidth*(i%_num)); // 解决超出限制就换行

var _top=(220+20)*Math.floor(i/_num);  //解决换行后的top值

原文地址:https://www.cnblogs.com/haimingpro/p/3630956.html