Question

^{从第一天开始，我就一直在使用CSS布局。这可能是因为我100％的CSS知识来自Google，但我认为这是因为CSS敏锐地知道我绝对厌恶。。}

给我的印象是，在文本编辑器中按 Enter 可以添加换行符（其唯一目的是保持代码整洁/易于阅读），对渲染的输出没有影响。

显然我弄错了。 下面的代码段示例清楚地表明，我的换行符在<span>之后添加了多余的空格。

我尝试了box-sizing:border-box，但没有任何效果（大概是因为没有边界）。
负边距似乎可以解决问题，但是在我想添加换行符以保持代码整洁的地方，这似乎并不是一个合理的解决方案。

有什么用？！ 。。。有什么方法可以避免这种情况，还是从现在开始我应该只在一条真正的loooooo-ooooooong行上编码？

span {
  display: inline-block;
  height: 20vh;
  width: 10vw;
  background-color: red;
}

span:nth-child(even) {
  background-color: green;
}

<span></span><span></span><span></span>
<span></span><span></span>
<span></span>
<span></span><span></span><span></span><span></span>
<span></span><span></span><span></span>
<span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>

对HTML中的换行效果感到困惑

0 个答案: