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

Question

*{margin:0;padding:0;}ul{line-height:54px;font-size:0;}ulli{display:inline-block;font-size:16px;margin:018px;}nav{border-bottom:1pxsolid#000;}首页我的活动我的卡券到店首页帮助中心li因继承了ul的line-height:54px，所以高度是54px，但ul却是被撑大到60px或61px呢

Answer 1

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