span是单独划分区域,为什么代码<span>44444</span><em>555555</em>的运行结果是44444555555 ,4和5之间怎么没有间隔
把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之间是没有间隔而是紧挨着的。