问答详情
源自:12-3 我要和你站一起 - 内联元素

内联元素,span

span是单独划分区域,为什么代码<span>44444</span><em>555555</em>的运行结果是44444555555  ,4和5之间怎么没有间隔

提问者:summer乐 2016-10-11 10:52

个回答

  • 慕盖茨4351742
    2016-10-13 22:23:43

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

  • 初影_chaos
    2016-10-11 12:02:50

    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问题'*/

    希望对你有帮助。

  • 矮丑穷应该多学习
    2016-10-11 11:05:22

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

  • 落花语
    2016-10-11 11:02:29

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

  • 陶吉诃德
    2016-10-11 11:01:51

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