<a>标签下的高度问题

先来看个例子

a{
font-size:12px;
padding:10px 12px;
border:1px solid #ccc;
text-decoration: none;
}

这样的话高度应该是内边距+边框=34;

image.png

可实际上却是38px；
然后再设置行高

a{
font-size:12px;
line-height:1;
display:inline-block;
padding:10px 12px;
border:1px solid #ccc;
text-decoration: none;
}

image.png

这样就达到我们需要的效果了