内联元素之间有一个间距问题

来源:12-3 我要和你站一起 - 内联元素

ailsaluoy

2015-02-12 14:27

按照11-3wiki中的意思,加上div{font-size:0;},应该是消除内联元素的间距,为什么结果却是所有内容都没有呢

写回答 关注

11回答

  • wangyahui
    2015-02-12 14:54:06
    已采纳

    内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的,字体设为0,可以消除间隔,但是重新设置内联元素的字体大小

    慕莱坞495...

    我觉得你说的不对。正如标题“内联元素之间有一个间距问题”所言,但是忽略了一个条件就是每个行内元素,也就是内联元素的代码之间都是一行一行的写的,所以造成换行,也就是回车效果,这在浏览器解析HTML时,当作空格处理。所以才会出现间隔效果。

    2017-01-14 19:41:00

    共 5 条回复 >

  • qq_Limpid_Star_04213932
    2016-10-22 22:12:25

    这是因为代码中的空行或空格引起的空格。

    方法1.用注释来填充这些空白

    <a href="http://www.baidu.com">百度</a><!--
    --><a href="http://www.imooc.com">慕课网</a><!--
    --><span>33333</span><!--
    --><span>44444</span><em>555555</em>


  • 7元硬币
    2016-08-20 14:22:53

    内联元素的特点一:和其他元素都在一行上;因此这几个词语是分别单独占用一行的,而一个换行符在显示时只是一个空格,所以例子中有空隙。因此只需要让几个词语写在一行上,将换行符去掉便可以去除间隙。http://img.mukewang.com/57b7f7240001d84b08300369.jpg

  • 慕雪4707338
    2016-06-20 15:49:35

    如果想要两个内联元素并排没有间距用 float:left;可以解决的

  • Leo去吧
    2016-03-16 06:36:48

    内联元素之间的间距其实html文件标签间的缩进或换行或空格被统一看为一个空格的结果,所有距离就是一个空格,与其父元素的font-size,letter-spacing以及word-spacing都有关。

  • 我吃炸土豆
    2016-02-20 14:47:07

    我搜的

    1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。

    2、设置margin-right为负值,但要考虑上下文的字体和文字大小。

    3、先设定子元素字体,再设置父元素font-size:0px;////chrome中:-webkit-text-size-adjust:none;

    4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。

    5.float:left;

    原文在这里http://www.cnblogs.com/snowinmay/archive/2012/12/22/2829634.html

  • tomorrowhello
    2016-02-12 14:45:06

    http://img.mukewang.com/56bd7e820001821808820552.jpg

    瞎玩,试了一下把代码放一行上,没找到wiki,so?放一行上也能消除间距?区别?

    oldwan

    回车会被浏览器默认为是一个空格

    2016-03-11 09:35:27

    共 2 条回复 >

  • qq_普通人_1
    2016-01-28 17:06:58

    我想问现在wiki到哪里去了?????

    耳南

    http://www.imooc.com/wiki

    2016-05-09 16:13:50

    共 1 条回复 >

  • qxw5267
    2015-03-02 09:40:22

    display:block;变为块状元素 float:left;

    qq_幻成风...

    你这不是左浮动吗 岂不是不占空间了啊 下面还要设置清除浮动 多麻烦

    2017-06-11 23:54:16

    共 1 条回复 >

  • 凯百万
    2015-02-12 17:48:43

    字体设为0就是将所有字体大小设为0,而不是将间隙变成0,字间距好像是letter-spacing:8px;

  • 北极阿熊
    2015-02-12 14:43:33

    "font-size"是字体大小啊,怎么可以用来消除边距呢?

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题