javascript - 如何消除 html 中的换行敏感度？

Question

这个问题已经有答案了:

How to remove the space between inline/inline-block elements? (41 个回答)

Removing whitespace between HTML elements when using line breaks (17 个回答)

已关闭 3 年前。

我在网上看到了很多答案，但它们仅适用于文本，这里我的问题是换行符以某种方式在框之间创建了空格。在代码片段中，我删除了最后一个输入元素之前的换行符，并修复了它，但由于我要将许多属性应用于这些输入元素，因此该行会太长，并且会影响代码的可读性。我怎样才能让它忽略换行符？考虑一下将它们放入带有 nowrap 的 div 中是行不通的，因为它不是文本。

.box {
  width: 1em;
  height: 1em;
  padding: 0px;
  margin: -1px;
  border: 2px solid black;
}

<input type="text" class="box" />
<input type="text" class="box" />
<input type="text" class="box" />
<input type="text" class="box" />
<input type="text" class="box" />
<input type="text" class="box" />
<input type="text" class="box" /><input type="text" class="box" />

Answer 1

我建议将它们放入带有 display:flex; 的 div 中。 flex 方向:行；