Question

在我的HTML代码中使用缩进时，它会在不同行中的元素之间创建空白。

<div id="nbcntcnt">
  <a href="notset.html" class="nbcntbutton" id="snbb">Übersicht</a>
  <a href="notset.html" class="nbcntbutton">Technische Daten</a>
  <a href="notset.html" class="nbcntbutton">Vergleichen</a>
  <a href="notset.html" class="nbcntbutton">Zum Pixel wechseln</a>
</div>

给定代码的结果：https://i.stack.imgur.com/IZkfi.jpg

如您所见，每个链接之间都有一个空格。我发现如果删除缩进将删除空格。有没有一种方法可以消除空白而又不会使我的代码变得丑陋？

edit：问题不是由CSS引起的。从我的网站上完全删除CSS之后，问题仍然存在（如果您运行代码段，也可以看到该问题）。

Answer 1

#nbcntcnt{
    display: inline-flex;
    /* OR
    display:flex;   
    */
}

使用任意一个显示给您的ID，您的缩进都将消失。祝你好运！

HTML中的缩进，没有多余的空格

1 个答案: