span标签居中显示的正确方法
方法一：

<span style="text-align: center">水平居中</span>
<span style="line-height：值为span的高度">垂直居中</span>

必须加上display:block;否则不能居中显示，因为span是行内元素
必须转换成块元素才会居中显示生效。

方法二：
利用flex布局

  display: flex;
  justify-content: center; //水平
  align-items: center; //垂直