使用JavaScript在行内块中删除空格

Question

我正在尝试使用此Javascript代码删除内联块之间的空白。

$.fn.removeSpace = function(){
this.contents().filter(function() {
    return this.nodeType === 3;
}).remove();
};
$('.Container').removeSpace();

<div class="Container">
  <div class="what">
    <ul class="lolers">
      <li class="lol">Test</li>
      <li class="lol">Test 2</li>
      <li class="lol">Test 3</li>
    </ul>
  </div>
</div>

如果我将$('.Container')为$('.lolers')则空格将正确$('.lolers') 。 如果将其设置为.what则也不会删除它。

编辑：对不起，不包括这个问题。 如何使javascript代码遍历所有内容并去除空格？

Answer 1

编辑：有人向我指出，字体大小：0; 该方法在Safari和Android上也有。 我被指向这篇文章http://css-tricks.com/fighting-the-space-between-inline-block-elements/

您也可以将它们砌成块并向左浮动。 这是我的小提琴例子。

http://jsfiddle.net/ivanjsfiddle00/a4nu8arz/6/

html

<div>
    <div></div>
    <div></div>
    <div></div>
</div>
<div id="second">
    <div></div>
    <div></div>
    <div></div>
</div>

的CSS

div div {
    background: #000;
    height: 100px;
    width: 100px;
    display: block;
    float: left;
    }

#second {
    clear: left;
}

原始帖子：为什么使用javascsript删除空白？ 据我了解，当您使元素显示为嵌入式块时，父元素为文本留出了空间。 基本上，我读过的是图像是以这种方式显示的，因此内联块默认情况下为字幕文本留出了空间。 将父元素的字体大小设置为零。 这是我的小提琴例子。

http://jsfiddle.net/ivanjsfiddle00/a4nu8arz/2/

html

<div id="first">
    <div></div>
    <div></div>
    <div></div>
</div>
<div>
    <div></div>
    <div></div>
    <div></div>
</div>

的CSS

div div {
    background: #000;
    height: 100px;
    width: 100px;
    display: inline-block;
}
    #first {
    font-size: 0;
}