原css:
a { height: 30px; line-height: 30px; font-size: 14px; text-align: center; width: 70px; vertical-align: middle; }
解决方法:去掉line-height和vertical-align 使用 flex 布局。
把父元素设为:
display: flex;
align-items: center;
justify-content: center;
补充:虽让在父亲元素上加 flex,还需要对其子元素进行一定的处理,可以更加完美的解决文字偏上的问题:
transform: scale(0.5);
transform-origin: left center;
对于进行缩放,再同等倍数的对元素放大,可以达到相对的居中。