盒子里的img和下方span图片之间为什么会有间隔

Question

nav {
  width: 15rem;
}
nav a {
  float: left;
  width: 3rem;
  height: 2.8rem;
  text-align: center;
}
nav a img {
  display: block;
  width: 1.64rem;
  height: 1.64rem;
  margin: 0.2rem auto 0;
}
nav a span {
  font-size: 0.5rem;
  color: #000;
}

Answer 1

nav a {
  float: left;
  width: 3rem;
  height: 2.8rem;
  line-height: 0.8rem;
  text-align: center;
}

解决了 是因为body里面的行高影响  设置一下a的行高就行了