标题栏使用border-bottom异常的解决方法

1之前写类似于这样的顶部标题，总是会遇到点击了某一个后，文字总是被上抬一些，原因为于之前的思路是在内部框里面写死了高度，有border-bottom的时候整体就会被抬高。

2.内部高度不用写死，用padding来撑开高度。css样式如下

.top-choose .m-commen-one .init{
    border-bottom: 6rpx solid rgba(254, 124, 3, 1);
    color: rgba(254, 124, 3, 1);font-size: 28rpx;
    padding: 36rpx 0rpx;display: inline-block;
}

在父元素里面记得写上text-align: center;