                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

行間距怎么設(shè)置

既然老師說(shuō)line-height = content area + vertical spacing 我想問(wèn)一下行間距怎么設(shè)置，或者通過(guò)什么屬性來(lái)設(shè)置.

一直都在路上

2016-12-25

源自：CSS深入理解之line-height 3-1

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

1755

操作

收起

1 回答

Ego_echo 回答被采納 +3 積分
2016-12-26

行間距是與字體family有關(guān)的親，CSS并沒(méi)有直接設(shè)置行間距的屬性，你只能通過(guò)line-height來(lái)間接影響行間距。當(dāng)然，或許你也可以試著通過(guò)設(shè)置不同的字體來(lái)改變行間距，但這個(gè)不好控制，也沒(méi)有什么意義

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

收起回答

#1

一直都在路上提問(wèn)者

我發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象。把line-height：0 和把font-size等于0設(shè)置出來(lái)得到的效果是一樣的，但是line-height為0時(shí)候文字可以顯示。font-size為0不能顯示。

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

#2

Ego_echo 回復(fù) 一直都在路上提問(wèn)者

高度的表現(xiàn)不是行高，而是內(nèi)容區(qū)域高度和行間距合力的結(jié)果。而內(nèi)容區(qū)域高度只與字號(hào)(font-size)和字體(font-family)相關(guān)，因此改變字號(hào)時(shí)會(huì)改變文字(內(nèi)容區(qū)域)的高度，進(jìn)而改變內(nèi)聯(lián)盒子的高度。而內(nèi)容區(qū)域高度與行高沒(méi)有任何關(guān)系。記住，行高只是一種表現(xiàn)，就像一個(gè)人去照鏡子，普通的鏡子照出的就是你自己的樣子，而哇哈哈鏡就把你給照歪了，但無(wú)論照得多歪，鏡子外面的你，都不會(huì)受到影響，更不會(huì)被改變。當(dāng)然，還是那句話，行高可以間接影響行間距。以上

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

#3

一直都在路上提問(wèn)者回復(fù) Ego_echo

謝謝！受教了

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