关于行高的一个问题

Question

<a href="">12312</a>

a{
  padding: 0 25px;
  line-height: 50px;
  background: red;
}

这样写为什么背景高度达不到50px，要变成块级元素才能达到？

Answer 1

内联元素没法设置高度。可以使用block 或 inline-block。

Answer 2

我是这样理解的：line-height那一行高的变化，虽然行高变了，但是a那个盒没有变化。