zoukankan      html  css  js  c++  java
  • 数学方法代替浮动解决自动换行排列

    其实我还是倾向于浮动布局,只是后台数据必须放在一个静态的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值

  • 相关阅读:
    钟国晨160809323(作业5)
    12
    11
    第九次
    8作业
    第七次作业
    6
    林昊5
    计算机网络原理与应用笔记 3/29
    计算机网络原理与应用笔记 3/22
  • 原文地址:https://www.cnblogs.com/haimingpro/p/3630956.html
Copyright © 2011-2022 走看看