在JavaScript中删除行之间的空格

我只是在学习JavaScript，下面的页面通过创建一个6X16的图像网格（第一列是图像网格左侧的一组“打开的注释”）来“绘制”吉他板。这一页是

每六行代表吉他上的一根弦，所以，六根弦，六行。但我搞不懂的是，如何让这两行彼此紧靠在一起，在一行的顶部和下一行的底部之间没有空格。所以，我得到的是：

但我想要的是：

JavaScript的工作方式是运行一个16项长的循环——一个“开放字符串”图像和15个“焦躁的音符”图像，在循环结束时生成一个

标记。这些字符串被插入到

元素的InnerHTML值中，并绘制图像网格。下面是一行代码，作为示例，它生成了焦躁的音符图像：

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

for（frets=0；frets<17；frets++）{
GuitarNeckImg.innerHTML=GuitarNeckImg.innerHTML+“”；
继续；
}

我不明白的是：

我需要输入什么CSS属性/值对才能获得图像 在其上下之间没有任何空间，以及

如何编写JavaScript代码将这些CSS属性/值对添加到代码中的标记中

添加信息：

例如，我尝试在JS文件中编写以下代码：

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

GuitarNeckImg.innerHTML=GuitarNeckImg.innerHTML+”；

但这会产生以下HTML输出：

<img title="F.Esharp.Gbb" style="padding: 0px;" src="images\F.jpg" margin:0px;="">

因此，第一个问题是关于JS语法，以及我需要如何编写代码语句来为样式标记生成多个属性/值对，第二个问题是我应该使用哪些CSS标记来获得我想要的结果

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

试试这个

//We define the text variable that needs to be cleansed of line breaks.
Var someText = "Here's some text.\n It has some line breaks that will be removed \r using Javascript.\r\n";

//This javascript code removes all 3 types of line breaks
someText = someText.replace(/(\r\n|\n|\r)/gm,"");

---

祝你好运…

一个合适的

行高值，如0.70，应该完全符合你的要求。
显然，至少有两个人会这样做。其中一个确实给了我一些要调查的东西，另一个就我的问题的长度和质量向我提供了真正有意义的反馈。我愿意接受可采取行动的反馈，但如果三个简短的段落和两个带项目符号的具体问题太多，您无法阅读，我将恭敬地请求您忽略该问题并继续。使用
行高
。请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”@克里斯使用这个
GuitarNeckImg.innerHTML=GuitarNeckImg.innerHTML+”。它可以帮助你删除空格，而不是所有这些“完整且可验证的示例”的东西。很容易弄清楚发生了什么，也很容易弄清楚如何修复（
行高：0.7
）。这不是OP需要/想要做的。这根本不是OP想要做的。确实-再次感谢，非常感谢您的帮助。