数学方法代替浮动解决自动换行排列
2014-03-28 16:27
225 查看
其实我还是倾向于浮动布局,只是后台数据必须放在一个静态的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值
而必须给每个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值
相关文章推荐
- IE6,IE7下浮动元素不自动换行的解决方法
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- 解决IE6下 float:left浮动换行的问题几种方法
- 英文自动换行的解决方法
- C# WinForm 中Label自动换行 解决方法
- 关于span不能设置宽度及span自动换行的解决方法
- 长英文自动换行的最终解决方法
- 百度编辑器ueditor前台代码高亮无法自动换行解决方法
- 长英文自动换行的最终解决方法
- IE7 float:right 右浮动时元素换行错位的bug解决方法
- 长英文自动换行的最终解决方法
- 行多出的内容不自动换行解决方法
- 右浮动在ie6下换行解决方法
- 解决子容器全部浮动时父容器高度不能自动撑开的方法
- 程序员的数学 - 排列组合 - 解决计数问题的方法 - 阅读小结
- 对连串英文自动换行的解决方法
- 百度编辑器ueditor前台代码高亮无法自动换行解决方法
- css 自动换行 我的解决方法
- 浮动层自动适应高度的解决方法
- 关于span不能设置宽度及span自动换行的解决方法