dom基础之九宫格运用

原理：要做到九宫格效果必须知道当前盒子几行几列 当前盒子的left=列*（盒子的宽度+边边框）

top=行*(盒子的高度+边框)

           当前盒子的坐标row=i(当前盒子的下标)/allCols(总列数) 注意要parseInt

           当前盒子的坐标col=i(当前盒子的下标)%allCols(总列数) 注意要parseInt

   实现代码如下 封装的时候记得传入两个参数 总列数和当前要排列的盒子的id

div+html


css

js封装

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容