在HTML代码上添加空间会改变布局

这个问题的标题可能不是最好的，因为我不知道怎么用这个词

我用webflow快速创建了一个网站，一旦我导出了代码，我就发现了一个奇怪的问题。我想不出是什么问题

当HTML代码被压缩时，布局是好的，但是当您格式化它（缩进、间距等）时，布局会改变

代码如下：

我已经包括了整个代码。正如您所看到的，导航栏在一行中呈现，正如它应该呈现的那样。但是，如果您尝试格式化html（在这里整理），它将在每个navbar元素周围添加一些填充

如果在每个链接后添加空格

<a class="w-inline-block navigation-section primero"><div class="navigation-text">En 2D</div></a>

En 2D

---

它在栏中呈现一个空格，将其余部分推到下一行。

这是预期行为。源代码中的换行符将在HTML中呈现为空格

将在两个

之间插入空格的示例：

<div>
  Content
</div>
<div>
  Other content
</div>

内容
其他内容

为了避免这种情况，您可以缩小HTML或使用以下语法：

<div>
  Content
</div
><div>
  Other content
</div>

内容
其他内容

这是预期的行为。源代码中的换行符将在HTML中呈现为空格

将在两个

之间插入空格的示例：

<div>
  Content
</div>
<div>
  Other content
</div>

内容
其他内容

为了避免这种情况，您可以缩小HTML或使用以下语法：

<div>
  Content
</div
><div>
  Other content
</div>

内容
其他内容

内联块

当导航中的元素的代码不是一条连续线时，它们之间有间距。但这种格式令人不快。在您的示例中，我只想添加：

.w-inline-block {
  float: left;
}

.w-inline-block{
浮动：左；
}

格拉特
WebFont.load({
谷歌：{
系列：[“Ubuntu:300300Italic，400400Italic，500500Italic，700700Italic”，“Merriweather:300400700900”]
}
});  
曼努埃尔·多明格斯·格拉
埃尼安·普尔文纳·森佩尔·菲尼布斯。多奈克·福西布斯·奎姆·阿库，他是毛里斯·维韦拉·奎斯。杜伊斯罗特鲁姆康瓦利斯维利特酒店。阿利夸姆·卢库斯·努拉·奎斯是封建贵族。艾洛斯发酵液中的艾库利木瓜。

内联块

当导航中的元素的代码不是一条连续线时，它们之间有间距。但这种格式令人不快。在您的示例中，我只想添加：

.w-inline-block {
  float: left;
}

.w-inline-block{
浮动：左；
}

格拉特
WebFont.load({
谷歌：{
系列：[“Ubuntu:300300Italic，400400Italic，500500Italic，700700Italic”，“Merriweather:300400700900”]
}
});  
曼努埃尔·多明格斯·格拉
埃尼安·普尔文纳·森佩尔·菲尼布斯。多奈克·福西布斯·奎姆·阿库，他是毛里斯·维韦拉·奎斯。杜伊斯罗特鲁姆康瓦利斯维利特酒店。阿利夸姆·卢库斯·努拉·奎斯是封建贵族。艾洛斯发酵液中的艾库利木瓜。

drop使用以下语法？这是正确的答案，此外，这是一篇很好的文章，解释了在html（及更多）中避免空格的各种方法。drop使用以下语法？这是正确的答案，此外，这是一篇很好的文章，解释了在html（及更多）中避免空格的各种方法