把span变为块级元素  display：block;  这个span标签单独占一行   display：inline-block；它就可以和后面在同一行

1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。

如下代码：

<div>
   <a>1</a>
   <a>2</a>
   <span>33333</span>
   <span>44444</span>
   <em>555555</em>
</div>

解决方法：

 1、写在一行，之间不要有空格之类的符号。

<div>
<a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em>
</div>

/*侧边wiki搜索关键字'解决行内元素间隙bug问题'*/

希望对你有帮助。

<span>是一个行内元素，本身并没有什么属性，只是为了单独划分一个区块，不同于<div>,div是块状元素。

span只是把44444作为一组可分配相同格式的对象 但你并没有对其设置格式，所以跟没有span的运行结果是一样的

span和em都是内联元素，它们都是行内元素，display：inline；注意，浏览器默认不给行内元素设置默认的样式，所以span和em标签没有默认的margin和border等样式，标签的宽度和边距默认等同于内部文字的宽度，所以如果没有设置letter-spacing或者word-spacing这类样式的话，默认45之间是没有间隔而是紧挨着的。