button的line-height影響對齊的問題，誰能給解釋一下？
#btn1{
height: 15px;
line-height: 0;
}
#btn2{
height: 15px;
line-height: normal;
}
#btn1{
height: 25px;
line-height: 0;
}
#btn2{
height: 25px;
line-height: normal;
}
sxlyq
2016-02-21
1 回答
舉報(bào)
0/150
提交
取消
2017-08-08
line-height:normal是瀏覽器自動計(jì)算的合適的行高，一般為font-size的1.14倍，而且每個(gè)瀏覽器解析的不太一樣。你的代碼中沒寫字體大小，那默認(rèn)就是16px，那么行高為19px左右。第一個(gè)例子中你給的高度是15px，小于行高，我的理解是行高將button頂上去了。設(shè)置行高為0的button就不會受影響了。第二個(gè)例子中行高給了25px，比行高要高了，所以兩個(gè)button近似對齊。行高并不會影響button的高度，沒有文字的話兩個(gè)button都是對齊的