在span中字体下偏

Question

在一个span中写了端文字，发现字体相对于span所在的空间向下偏移，我用line-height设置居中也只是让span相对于父级居中了，但是里面的字体还是相对于span向下偏移，这是什么导致的.
但是我重写一个demo又不会发生这种情况。请各位指教。

    .header-nav{

      float: left;

      width: 200px;

      height: 40px;

      background-color: lightgrey;

      span{

        line-height: 40px;

        font-size: 20px;

        background-color: red;

      }

    }

Answer 1

我只是给鱼了textAlign: middle;