在JavaScript中删除行之间的空格

Question

我正在学习JavaScript，我想出了以下页面，通过创建一个6X16网格图像来“绘制”吉他指板（第一列是左边的“打开笔记”集合手侧的图像网格）。该页面为here。

六行中的每一行代表吉他上的一个字符串，六个字符串，六行。但我无法弄清楚的是如何使行彼此相邻，并且在一行的顶部和下一行的底部之间没有空格。所以，我得到的是：

但我想要的是：

JavaScript的工作方式是运行一个长度为16个项的循环 - 一个“打开字符串”图像和15个“烦恼音符”图像，并在循环结束时生成{{1} }标签。这些字符串将插入到<br/>元素的InnerHTML值中，并绘制图像网格。以下是生成焦点音符图像的代码行：

<p>

我不明白的是：

1. 我需要输入什么CSS属性/值对来获取图像 上面和下面之间没有任何空格，
2. 如何编写JavaScript代码以将这些CSS属性/值对添加到我的代码中的标记中？

添加信息：

作为一个例子，我试过在我的JS文件中编写以下代码：

for(frets=0; frets < 17; frets++){
        GuitarNeckImg.innerHTML = GuitarNeckImg.innerHTML + "<img title=" + allNotes[frets + 1] + " src=images\\" + allFretImages[frets + 1] + ">";
        continue;
    }

但这会产生以下HTML输出：

GuitarNeckImg.innerHTML = GuitarNeckImg.innerHTML + "<img title=" + allNotes[frets + 1] + " style=padding:0px; margin:0px;" + " src=images\\" + allFretImages[frets + 1] + ">";

所以第一个问题特别是围绕JS语法以及如何制作代码语句来为样式标记生成多个属性/值对，第二个问题是我应该使用哪些CSS标记来获得我想要的结果。

提前致谢，请随时告诉我我可以提供哪些其他信息。

Answer 1

适当的line-height值，例如0.70，应该完全符合您的要求。

Answer 2

试试这个......

ToList()

祝您好运......