1.文本节点
html结构如下：
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
打印出来的childNodes如下：
0 #text
1 <p>1</p>
2 #text
3 <p>2</p>
4 #text
5 <p>3</p>
6 #text
所谓的“#text”就是标签之间的空白
html
<div><p>1</p><p>2</p><p>3</p></div>
printout:
0 <p>1</p>
1 <p>2</p>
2 <p>3</p>
解决办法：nodeType。
2.inline-block之间的空隙
html结构
<div class="div1">1</div><div class="div2">2</div><div class="div3">3</div><div class="div4">4</div>
效果图：
html结构
<div class="div1">1</div>
<div class="div2">2</div>
<div class="div3">3</div>
<div class="div4">4</div>
效果图：
解决办法：父容器font-size:0。
3.
解决办法：父容器font-size:0。