HTML中的縮進，沒有多余的空格

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

如您所見，每個鏈接之間都有一個空格。 我發現如果刪除縮進將刪除空格。 有沒有辦法擺脫空白而不使我的代碼丑陋？

編輯：問題不是由CSS引起的。 從我的網站上完全刪除css之后，問題仍然存在（如果您運行代碼段，也可以看到該問題）。

Answer 1

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

使用任何一個顯示作為您的ID，您的縮進都將消失。 祝好運！