为给定数字绘制多个正方形

时间:2017-05-02 18:50:40

标签: javascript twitter-bootstrap twitter-bootstrap-3 data-visualization

我正在尝试根据数字(0,1,2到9)制作一个小部件。 它将在表格的<td> <tr>中使用。

到目前为止我得到的解决方案是这样的:

的jsfiddle https://jsfiddle.net/jeffxiao/c0ojm3wr/

may not work

问题是:

  • 当number = 0
  • 时没有显示框
  • 盒子之间的空间太大。

问题:我可以使用这种小工具的简单方法/库吗?

我还想过制作10张图片(数字0到9),但我宁愿不使用这种方法。

1 个答案:

答案 0 :(得分:0)

我们不知道盒子是什么。好吧,我们做......但......不在你的背景下。如果没有关于您实际尝试做什么的更多信息(最小代码示例可以帮助),这就是我能提供的全部内容。

编辑: 我们获得了关于您的上下文中的框的信息,以便更新代码。

var aSpan = "<span style='background: black; margin: 2px;'>&nbsp;&nbsp;&nbsp;</span>"

makeBoxes(5);
function makeBoxes(Howmany)
{
  for(var i = 0; i < Howmany; i++)
    {
      document.getElementById("TheTD").innerHTML += aSpan;
    }
}
  

数字= 0时没有显示框

当所要求的方框数为0时,您希望在屏幕上打印什么?没有显示0对我说话的方框。如果您希望打印1个方框为0,这是否意味着您打算打印2个方框,1个,3个用于2个,依此类推?