设置 line-height 后，a标签仍然不能居中

 

实际上即使给a指定了 line-height: 12px ,也无法居中，会发现实际高度为15.85px，改的再小也都是这个数，直到把 li 的行高改为15.85px，a再指定 line-height: 15.85px 后，实现了居中。这和文字大小有关系，实际上文字大小最小只能12px，即使设置更小的文字都是12px的大小。当父盒子设置行高小于 15.85px 时，由于a会靠顶对齐，所以是没法实现居中的。这个时候，我们可以通过 对 vertical-align:top 的设置来实现居中，注意仍然需要设置 line-height 。