span标签垂直居中显示的正确方法

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

水平居中
垂直居中

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

方法二:
利用flex布局

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

你可能感兴趣的:(css)