设置行内元素宽高和背景色后，行内元素文本不水平垂直居中解决方案

前言

行内元素：指在同一行内不自动换行，可以和其他行内元素在同一水平的元素，不可以设置宽高。

行内元素设置宽高：行内元素想要设置宽高，需要用display：inline-block设置（详解如下表）。

display值	作用
display:block	设置元素为块级元素（块级元素独占一行，可以设置宽高）
display:inline	设置元素为行内元素（行内在一行排列，不可以设置宽高）
display：inline-block	设置元素为行内块级元素（此值见名知意，融合了块级元素和行内元素的特性，是一个可以设置宽高的块级元素）

正文

代码：

其文本不水平垂直居中主要是因为设置宽高后导致的，解决方法很简单