Question

我的英语说得不太好。所以请理解我..对不起..

嗯..我正在开发下面的图像（附加图像文件） enter image description here 我画了问题的内容。

我想安排块（或按钮）的上下时间。我不知道怎么做我不知道如何访问。（我想使用像javascript或jquery。我的项目使用前端语言，例如javascript或jquery 请原谅。）

请说明如何谢谢您的提问。

Answer 1

这应该有效。您将需要调整像素以使按钮恰好位于您想要的位置。

<html lang="en">
<head>
<meta charset="utf-8" />
</head>
<body>
  <button id="one" style="margin-left:20px;">one</button><button id="two" style="margin-left:20px;">two</button><button id="three" style="margin-left:30px;">three</button><br />
  <button id="four" style="margin-left:45px;">Four</button><button id="five" style="margin-left:40px;">Five</button>
</body>
</html>

Answer 2

您的问题对我来说尚不明确，但是如果您想像国际象棋棋盘那样绘制矩形，则可以按照以下步骤进行。

for (var i=0; i< 8; i++){
    document.getElementById("mainDiv").appendChild(document.createElement("div")).style.backgroundColor = parseInt((i / 4) + i) % 2 == 0 ? 'blue' : 'none';    
}

#mainDiv
{
    width:120px;
    height:160px;
}

div
{
 width:30px;
 height:20px;
 float:left;
}

<div id="mainDiv">
</div>

我不知道如何按顺序排列块（或按钮）。（上下）

2 个答案: