<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style type="text/css"> div{width: 50px;height: 50px;background: red ;position: absolute;top: 0;left: 0;font-size: 30px;text-align: center;line-height: 50px;color: #22B8CB;} </style> <script type="text/javascript"> window.onload=function(){ var adiv=document.getElementsByTagName('div'); for(var i=0;i<100;i++){ document.body.innerHTML+='<div>'+i+'</div>'; } for(var i=0;i<adiv.length;i++){ if(i%10==0){ adiv[i].style.left=10+'px'; adiv[i].style.top=i*20+'px'; var b=adiv[i].style.top; }else{ adiv[i].style.left=10+i%10*60+'px'; adiv[i].style.top=b; } } //逢10往下一行 } </script> <title>Document</title></head><body> </body></html>
1 回答
kumin
TA贡献38条经验 获得超104个赞
如果不会css3 你这样基本上就是比较合适的啦
如果你了解CSS3的选择器
这种问题可以用css3或者jQuery（jQuery支持css3的选择器）简单完成
使用css3中伪类选择器 nth-of-tpye
举个栗子
div:nth-of-tpye(n*10){ /*选中 所有同一父元素下的div中 10的倍数的元素*/
text-index:10px; /* 文本缩进10px*/
margin-top:20px; /*与上一个元素增加20px的外边距*/
}
添加回答
举报
0/150
提交
取消