javascript网格中的行间距

我使用两个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>';  
}

var长度=100；
var text=“”；
var i；
对于（i=0；i

我认为造成这种情况的原因是div是空的，尽管它们的宽度和高度在

任何帮助都会很好

---

TNX

这是因为元素和

标记之间的空间被呈现为文本，如果您将字体大小设置为

0

，它将消除间隙，同时仍然断开行

（）

---

添加一个类并对外部div应用相同的高度

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

---

请检查小提琴。我已将网格大小增加到5px，并删除了背景图像以提高清晰度。

这实际上是

br

元素的高度。

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

.row{
   height: 2px;
}