好累啊!长时间坐着,脖子有点儿疼!后背也疼!!!
1.九宫格布局
列/行 | 0 | 1 | 2 |
---|---|---|---|
0 | 0 | 1 | 2 |
1 | 3 | 4 | 5 |
2 | 6 | 7 | 8 |
盒子规律:九宫格有9个数字,变成数组就是九个下标分别为:0,1,2,3,4,5,6,7,8,9。
举例:
5-(1,2):5/3=1,5%3=2;
8-(2,2):8/3=2,8%3=2;
总结:下标的坐标对应与列数的商和余数。
如上图,最下角的那个格子在坐标上,向上向左乘以2个自己就好了!从坐标求行列。
2.代码实现
页面:
<div id="container"><div id="top"><button id="btn1">3</button><button id="btn2">4</button><button id="btn3">5</button></div><div id="bottom"><div class="box"><img src="images/02.jpg"><h4>你好!加油!</h4><p>这个是鼠标!</p></div><div class="box"><img src="images/02.jpg"><h4>你好!加油!</h4><p>这个是鼠标!</p
本文发布于:2024-02-03 01:18:58,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170689438947704.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |