javascript - javascript网格中的行之间的差距

Question

我使用两个 javascript for 循环制作了一个网格，出于某种原因，我在网格中的线条之间有一个固定的间隙。我不明白是什么造成了差距。

这是我做的。

var length = 100;

var text = "";
var i;
for (i = 0; i < length; i++) {
 text += '<div>';  
    for(var x = 0; x < length; x++){
        text += '<div class="b"></div>';
    }
 text += '</div>';  
}

https://jsfiddle.net/davseveloff/wL3Ljpxo/

我假设是什么原因导致 div 为空，尽管它们具有宽度和高度 att...

任何帮助都会很棒。

腾讯

Answer 1

这是因为元素与<br>之间的空格如果将字体大小设置为 0，标签将呈现为文本它将消除间隙，同时仍然打破这条线。

( Demo )

#demo {
    font-size: 0;
}