                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實戰(zhàn)

為什么height==line-height，內(nèi)容可以垂直居中！

RT感謝回答！

飛天意大利面神獸

2016-03-24

源自：企業(yè)網(wǎng)站綜合布局實戰(zhàn) 3-5

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

1170

操作

收起

2 回答

jiptom 回答被采納 +3 積分
2016-03-25

height是一行的上下寬度(height直接翻譯應(yīng)是高度), line-height是文字水平中線以所在行的上沿往下的距離(即line-height), 這一點上來說, 文字的表達(dá)不如圖片(共11張圖, 第1行和第2行的圖片height(上下寬度)都為30px, 而line-height依次為: 0px, 10px, 20px, 30px(此圖即居中圖), 40px, 50px和60px; 而最后一張圖拿來做對比, height為60px, line-height為0px):

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

收起回答

#1

jiptom

漏了說了, 第2行第3至5張圖片的line分別是70px, 80px, 90px~

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

#2

飛天意大利面神獸提問者

非常感謝！

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

indd
2016-03-25

就像寫字的筆記本一樣，我們都知道里面一張紙有十幾道下劃線作為我們寫字時的參考線以防我們把字寫的不在一行上，那么下劃線與下劃線之間的距離就是行高了。一般我們記東西都會從每一頁的第一行寫起，然后逐漸的一行一行的寫，試想如果一張紙只有一行就是讓行高等于本張紙的高度，那么你寫的內(nèi)容是不是就居中顯示了？

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

收起回答

#1

飛天意大利面神獸提問者

非常感謝！

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