为什么<i>标签前加空格效果会大大变化?

来源:4-2 图标定位二三事

满满是我就对了

2016-01-14 17:11

如题~~~

写回答 关注

3回答

  • 慕粉3498277
    2016-08-21 15:32:46

    我是这样理解的:

    由于<i>标签为行内元素,所以它应该紧跟着图片不换行后面;(可以做以下尝试)

    (1)所以如果去掉其绝对定位,此时<i>标签应该是紧跟着图片并换行显示(因为图片后面没有空间显示<i>,故被挤到下一行);

    (2)绝对定位的特性是脱离文本流(在文本流中不占据任何位置),所以在设置了绝对定位后<i>是一个不占据空间的元素,所以不会被挤到下一行,而是可以和图片同行显示;

    (3)这也正说明,如果在<i>前面加上空格,此空格在文本流中占据一定位置,那么空格和<i>就都会被挤到下一行

  • 慕粉3830774
    2016-08-15 12:00:12

    对,在html中这样的换行和空格都会产生一个空的文本节点


  • 泰伯
    2016-01-15 14:53:09

    是不是i标签前面还有tab 换行,这样的隐形空格

CSS深入理解之absolute

理解CSSposition:absolute声明,掌握position:absolute高级应用

51957 学习 · 254 问题

查看课程

相似问题