js逢十换行，求最简写法
<!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
如果不会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的外边距*/}
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript