之前在p這類塊元素中的文字，給line-hight=1;就可以去掉文字自帶的上下間距，
像這樣：
最近突然發現這個方法在行內塊和塊元素上好使，可當用在span或者a這類內聯元素上都不好使，除了轉為塊元素的方法來去掉上下間距，行高設置為1去不掉內聯元素文字的上下間距。
像這樣：
查閱很多資料之后，得出結論：
行內元素的高度是不受行高影響的，因此設置line-height=1只能影響行內元素在容器中所占據的高度（字號大小的高度），而自己本身的高度未曾改變，哪怕是超出了父容器的高度（在給行內元素設置了背景色之后就可以直觀的看到）。
解決方法：
如果需要去掉文字的上下間距，使得文字所在元素的高度同字體高度一致，那么：
1、使用非行內元素包裹文字（p、div等）
2、給行內元素轉為塊或者行內塊
3、給行內元素浮動
之后再設置line-height=1 即可去掉文字上下的間距，大功告成。