为了账号安全,请及时绑定邮箱和手机立即绑定

我想把div每十个排一行,是要用二维数组吗?

我想把div每十个排一行,是要用二维数组吗?

图像789 2016-04-16 20:33:33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>div{ width:50px; height:50px; background:red; border:1px  solid #000; font-size:30px; position:absolute;top:0;left:0; text-align:center; line-height:50px; color:#fff;}</style><script>window.onload = function(){ var aDiv = document.getElementsByTagName('div'); for(var i=0; i<100; i++){ document.body.innerHTML+= '<div>'+i+'</div>'} for(var j=1; j<=aDiv.length/10; j++){ for( var i=0; i<aDiv.length; i++){ aDiv[i].style.left=i*60+'px'; if( i==j*10){ aDiv[i].style.top=j*60+'px'; aDiv[i].style.left=j*60+'px'; }; }; };};</script></head><body></body></html>
查看完整描述

2 回答

?
颖子黑豆

TA贡献9条经验 获得超7个赞

通过CSS实现,可以首先定义一个包含这10个div的大div(div宽带固定),然后通过设置小div的宽带以及float属性就可以实现

查看完整回答
反对 回复 2016-04-18
  • 2 回答
  • 0 关注
  • 1335 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信