height到底指哪部分呢?
這是一個常見的垂直居中的技巧,只是樓主還沒有領會這個技巧的原理。line=height就是行高,假如這個字體的字高是20px,而line-height是50px,那么字體會放在1個50px的無形的盒子里,并自動垂直居中,也就是這個字體離頂端和底部各15px。
然后再放到50px高的div里,他自然是垂直居中的了。
就好像一個牌匾(行高),他里面的字是始終居中的,把這個牌匾嚴絲合縫地嵌入到和牌匾同高的墻孔(div)里,那么文字也肯定是在墻孔的正中。
height到底指哪部分呢?
這是一個常見的垂直居中的技巧,只是樓主還沒有領會這個技巧的原理。line=height就是行高,假如這個字體的字高是20px,而line-height是50px,那么字體會放在1個50px的無形的盒子里,并自動垂直居中,也就是這個字體離頂端和底部各15px。
然后再放到50px高的div里,他自然是垂直居中的了。
就好像一個牌匾(行高),他里面的字是始終居中的,把這個牌匾嚴絲合縫地嵌入到和牌匾同高的墻孔(div)里,那么文字也肯定是在墻孔的正中。