                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

內聯(lián)元素之間有一個間距問題

按照11-3wiki中的意思，加上div{font-size:0;},應該是消除內聯(lián)元素的間距，為什么結果卻是所有內容都沒有呢

ailsaluoy

2015-02-12

源自：初識HTML(5)+CSS(3)-升級版 12-3

關注問題我要回答

9952

操作

收起

11 回答

wangyahui
2015-02-12

內聯(lián)元素是當做字體來處理的，字體之間是有間隔的，所以內聯(lián)元素之間也是有間隔的，字體設為0，可以消除間隔，但是重新設置內聯(lián)元素的字體大小

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 回復有任何疑惑可以回復我~

寒冬丨回復超人不會飛1

子元素中為什么加lable，不過去掉的話文本就消失了

2016-09-29 回復有任何疑惑可以回復我~

查看2條回復

qq_Limpid_Star_04213932
2016-10-22

這是因為代碼中的空行或空格引起的空格。

方法1.用注釋來填充這些空白

<a?>百度</a><!--
--><a?href="http://idcbgp.cn">慕課網</a><!--
--><span>33333</span><!--
--><span>44444</span><em>555555</em>

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

收起回答

7元硬幣
2016-08-20

內聯(lián)元素的特點一：和其他元素都在一行上；因此這幾個詞語是分別單獨占用一行的，而一個換行符在顯示時只是一個空格，所以例子中有空隙。因此只需要讓幾個詞語寫在一行上，將換行符去掉便可以去除間隙。

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

收起回答

慕雪4707338
2016-06-20

如果想要兩個內聯(lián)元素并排沒有間距用?float:left;可以解決的

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

收起回答

Leo去吧
2016-03-16

內聯(lián)元素之間的間距其實html文件標簽間的縮進或換行或空格被統(tǒng)一看為一個空格的結果，所有距離就是一個空格，與其父元素的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 回復有任何疑惑可以回復我~

收起回答