<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標(biāo)題文檔</title>
<style>
div?{?width:50px;?height:50px;?background:red;?position:absolute;?top:0;?left:0;?font-size:30px;?text-align:center;?line-height:50px;?color:#fff;?}
</style>
<script>
window.onload?=?function?(){
var?aDiv?=?document.getElementsByTagName('div');
for(?var?i=0;?i<50;?i++?){
document.body.innerHTML?+=?'<div>'?+?i?+?'</div>';
}
for(?var?i=0;?i<aDiv.length;?i++?){
aDiv[i].style.left?=?10?+?i*60?+?'px';
//應(yīng)該不是像我這樣寫的吧....
for?(var?j?=?10;?j?<?20;?j++)?{
aDiv[j].style.top?=?60?+?'px';
aDiv[j].style.left?=?10?+?(j-10)*60?+?'px';
}
for?(var?j?=?20;?j?<?30;?j++)?{
aDiv[j].style.top?=?120?+?'px';
aDiv[j].style.left?=?10?+?(j-20)*60?+?'px';
}
}
};
</script>
</head>
<body>
</body>
</html>50個方形div，10個一組，排成5行怎么寫？?
逢10 往下一行排怎么寫
啊啊啊啊123
2017-03-07 10:55:40
