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

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

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

ailsaluoy

2015-02-12

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

關(guān)注問題我要回答

9956

操作

收起

11 回答

wangyahui
2015-02-12

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

6 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

ailsaluoy 提問者

謝謝你

2015-02-13 回復(fù) 有任何疑惑可以回復(fù)我~

超人不會飛1

你說的代碼應(yīng)該是這樣： 1.設(shè)置body中的所有元素字體大小為0px； body{font-size:0px;} 2.設(shè)置子元素的字體大小20px； a,span,em,lable{font-size:20px;}

2016-09-19 回復(fù) 有任何疑惑可以回復(fù)我~

寒冬丨回復(fù) 超人不會飛1

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

2016-09-29 回復(fù) 有任何疑惑可以回復(fù)我~

查看2條回復(fù)

qq_Limpid_Star_04213932
2016-10-22

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

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

7元硬幣
2016-08-20

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

20 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕雪4707338
2016-06-20

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

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Leo去吧
2016-03-16

內(nèi)聯(lián)元素之間的間距其實html文件標(biāo)簽間的縮進(jìn)或換行或空格被統(tǒng)一看為一個空格的結(jié)果，所有距離就是一個空格，與其父元素的font-size，letter-spacing以及word-spacing都有關(guān)。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

我吃炸土豆
2016-02-20

我搜的

1、可以在html中直接把元素寫在一行上或把閉合標(biāo)簽和第二個開始標(biāo)簽寫在一行或兩行間添加注釋或直接去掉閉合標(biāo)簽但最后一個不能去掉。

2、設(shè)置margin-right為負(fù)值，但要考慮上下文的字體和文字大小。

3、先設(shè)定子元素字體，再設(shè)置父元素font-size:0px;////chrome中：-webkit-text-size-adjust:none;

4、設(shè)置父元素letter-spacing或word-spacing為負(fù)值，要考慮字體，子元素有文字也要注意設(shè)置letter-spacing或word-spacing的值。

5.float:left;

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

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答