html代码 “display: inline;”属性标签换行渲染成空格

<div style="width: 200px; margin: 50px 0 0 100px; background: blue;">      <span style="background: red;">1111111</span>
    <span style="background: red;">222222</span>
</div> 

html标签display: inline;时，换行之后会渲染成一个空格，造成元素间默认有间隔
解决方法：

    1、设置成float、flex布局；
    2、元素不换行；
    3、父级元素font-size: 0px;，子集元素设置具体的font-size值；