内联块div之间的间距不能通过删除空格来解决

Question

我知道之前已经问过这个问题，答案通常是删除标记之间的任何空格。在这种情况下，我不能，因为我以编程方式打印出div：

int number 4 = random.nextInt(max - min) + min;

我不会向你提及<div class="products row"> {{#each products}} {{> product}} {{/each}} </div> 模板的详细信息，但足以说明，模板引擎会在每个模板之间转储带有空格或换行符的div。

我想要做的就是缩小这些差距，以便我连续获得所有六个div（没有包装）。此外，div需要在页面（或其容器）中居中。所以，无论我有两个div还是六个，它们都应该始终居中。

这是一个显示间距差的div的JSFiddle：

this blog post

有没有办法在CSS中解决这个问题？我听说product技巧并不理想。

HTML：

font-size: 0

CSS：

 <div class="container">
    <div class="row row-center">
      <div class="col-xs-2 col-center">b</div>
      <div class="col-xs-2 col-center">d</div>
      <div class="col-xs-2 col-center">b</div>
      <div class="col-xs-2 col-center">d</div>
      <div class="col-xs-2 col-center">d</div>
      <div class="col-xs-2 col-center">d</div>
    </div>
  </div>