                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

ailsaluoy

2015-02-12

源自：初识HTML(5)+CSS(3)-升级版 12-3

关注问题我要回答

9858

操作

收起

11 回答

wangyahui
2015-02-12

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

6 回复有任何疑惑可以回复我~

收起回答

ailsaluoy 提问者

谢谢你

2015-02-13 回复有任何疑惑可以回复我~

超人不会飞1

你说的代码应该是这样： 1.设置body中的所有元素字体大小为0px； body{font-size:0px;} 2.设置子元素的字体大小20px； a,span,em,lable{font-size:20px;}

2016-09-19 回复有任何疑惑可以回复我~

qq_Limpid_Star_04213932

“字体之间是有间隔的”，这句话有问题，摆明了这个间距是因为代码中的换行引起的空格，而不是字体间距。把内联元素看成一个个伪字整个过程应该是伪字缩小时，空格也会缩小。伪字为0时，空格也为0。而，内联元素里面的真字元素设置了大小，就从“伪字”里溢出。

2016-10-22 回复有任何疑惑可以回复我~

查看2条回复

qq_Limpid_Star_04213932
2016-10-22

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

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

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

0 回复有任何疑惑可以回复我~

收起回答

7元硬币
2016-08-20

内联元素的特点一：和其他元素都在一行上；因此这几个词语是分别单独占用一行的，而一个换行符在显示时只是一个空格，所以例子中有空隙。因此只需要让几个词语写在一行上，将换行符去掉便可以去除间隙。

20 回复有任何疑惑可以回复我~

收起回答

慕雪4707338
2016-06-20

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

2 回复有任何疑惑可以回复我~

收起回答

Leo去吧
2016-03-16

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

0 回复有任何疑惑可以回复我~

收起回答

我吃炸土豆
2016-02-20

我搜的

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

4 回复有任何疑惑可以回复我~

收起回答