记录-view容器加上border之后line-height靠下的问题

平时在写tag标签的时候会遇到一个问题，就是加了边框之后使用line-height垂直居中会让文字靠下的问题样式代码如下：

.imgshuaxin{
float: left;
height: 40rpx;
line-height: 40rpx;
border: 2rpx solid #A1A1A1;
border-radius: 10rpx;
}

然后这样会使文字靠底部4个像素，后来发现是因为border边框会挤压内部的空间，使得原来40rpx可用高度，变为了36rpx的高度，所以如果这时候还给文字加上40rpx的行间距的话就会出现文字靠下的问题，这时候需要吧line-height这个的高度减去上下边框的高度，文字就会正常居中了。

.imgshuaxin{
float: left;
height: 40rpx;
line-height: 36rpx;
border: 2rpx solid #A1A1A1;
border-radius: 10rpx;
}

只为记录，不为传播，技术大佬请手下留情