我正在研究我的下一个项目的核心组件,我需要一种方法来制作一个HTML格式的网格,或者在某种意义上具有相互了解的网格点的JavaScript。我现在的问题是我无法弄清楚如何制作网格。我有一个HTML div 800x800px,我需要将它编入50x50px div,唯一的问题是如果我硬编码它不需要写和样式256 div。有没有办法将这个div分成带有JavaScript的那些片段或者可能使用画布动画呢?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>FindMyKeys</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="background">
<div id="grid1" class="grid"></div>
</div>
<script src="app.js"></script>
</body>
</html>
body {
margin:0;
}
#background {
position:absolute;
height:800px;
width:800px;
background-color:grey;
top:100px;
left:540px;
}
我不太确定你是什么意思'了解彼此',但为什么不使用网格CSS属性?它似乎非常适合你想做的事情。
如果你不能,你总是可以创建一个画布作为包装div,然后在画布中创建这256个div作为绝对位置项,但我并不是真的喜欢这个。首先你要解释为什么你不能真正使用CSS网格。