对单行的ul设置line-height，但其实际高度却被撑大了

Question

首页
我的活动
我的卡券
到店首页
帮助中心
li因继承了ul的line-height:54px，所以高度是54px，但ul却是被撑大到60px或61px呢

Answer 1

是因为ul里的baseline和li里的不一致导致的空间。不一致的原因是font-size不一致。像@hiyton说的都可以解决。或者直接设置li的vertical-align:bottom。