网格系统使用内联块列并使用javascript删除html空白

我已经编写了一个类似于引导CSS网格的系统，但我使用了内联块而不是左浮动块。当然，我需要一个技巧来删除内联块列之间的空白。我还为此编写了一个小型纯javascript：

bodyzzz = document.getElementsByTagName("BODY")[0];
bodyzzz.innerHTML = body.innerHTML.replace(/>\s*\n*\r*\</g, '><');

bodyzzz=document.getElementsByTagName（“BODY”）[0]；
bodyzzz.innerHTML=body.innerHTML.replace（/>\s*\n*\r*\我假设在将一个div放在另一个div下面时，空格是由于换行符引起的

这里有一种方法可以消除这些空间

片段


div{
显示：内联块；
边框：实心；
宽度：100px；
高度：100px；
保证金：无；
填充：0；
}

内容1
内容2
内容3
我假设在将一个div置于另一个div之下时，空格是由于换行符造成的

这里有一种方法可以消除这些空间

片段


div{
显示：内联块；
边框：实心；
宽度：100px；
高度：100px；
保证金：无；
填充：0；
}

内容1
内容2
内容3
Tks，先生。但是我使用升华文本和美化插件来编写html，你的方式会让代码看起来很糟糕。让javascript来完成这项工作会更好。我意识到，如果网页中包含html代码的内容，我的伎俩会破坏这些内容。我理解：D…答案编辑为显示样式：表格单元格，避免使用难看的格式I请看。但我使用的是内联块，它是web布局（兼容性、左右对齐、aign居中、逆序等）的最强大的工具。我想知道它对web性能有什么影响，或者是一些难以识别的东西。顺便说一句，我意识到我的技巧不会破坏预标记中的内容：Dmy技巧在加载html后运行，因此我们将看到它从一个漂亮的页面（仍然有空白）快速切换到一个更好的页面（删除空白），这很快，但它仍然可见。更好的解决方案是将包装的字体大小设置为0.001px，并在内部元素上将其重置为16px！Tks，先生。但是我使用升华文本和美化插件来编写html，你的方式会使代码看起来很糟糕。让javascript来完成工作会更好。我意识到如果网页中包含html代码的内容，我的技巧会破坏这些内容。我理解：D….答案编辑成显示：表格单元格的样式，避免了我看到的那种难看的格式。但我使用的是内联块，它是web布局（兼容性、左对齐、aign居中、逆序等）最强大的工具。我想知道它对web性能有什么影响，或者是一些难以识别的东西。顺便说一句，我意识到我的技巧不会破坏预标记中的内容：Dmy技巧在加载html后运行，因此我们将看到它从一个漂亮的页面（仍然有空白）快速切换到一个更好的页面（删除空白），这很快，但仍然可见。更好的解决方案是将包装的字体大小设置为0.001px，并在内部元素上将其重置为16px！