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

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; //垂直

添加链接描述

你可能感兴趣的:(html,css,前端)