被设置dispaly:flex的span,和普通span之间对齐，flex标签的文字基线会高1px?

测试小姐姐有一双像素眼，羡慕了，她说这个上下没对齐，仔细一看，，还真是。。

先不要着急top:-1px, ，找他们没对齐的原因，浏览器F12看看标签上的类,取消掉几个可能造成对齐高低的样式，后来发现，后面几个按钮被统一使用了dispaly：flex，，于是给“已关注”加上一个，就好好对齐了。

年少不懂事的时候，就position:relation，top:-1px，让 “已关注” 往上挪挪，这样太粗暴了，没经过思考，嗐。就当记录一下以前的坑吧。
【另外：】
被设置dispaly:flex 之后，文字对齐的 基线 会比普通span高出一些，原因没细查，可能与flex的属性设定相关。（借用网上搜的文章解释下四线）