修改文字对齐方式，居中改为底部对齐

被提了无关紧要的问题，尤其是那种小的不能再小的问题。改起来还要费个牛劲！

接了个活，功能开发完了，结果要求改下对齐方式。文字居中改为底部对齐。

原本是这样的：

图不清晰，凑合看。

要改为：

 。。。。。也是个要求，写多了大框架，这小问题难搞哦。

找了很多都不对：

比如：（不生效的方法123456...）

1.display:flex;align-items:flex-end; 

2.font-size:12px;
vertical-align: sub;

3.display:flex; align-items:flex-end;

4.display:flex; align-items:baseline;

。。。等等

最后用了一个很简单的一句话搞定：

在外面的div上加个样式：

  display: flex;

  align-items: end;

完活！