之前在p這類塊元素中的文字，給line-hight=1;就可以去掉文字自帶的上下間距，

像這樣：

最近突然發現這個方法在行內塊和塊元素上好使，可當用在span或者a這類內聯元素上都不好使，除了轉為塊元素的方法來去掉上下間距，行高設置為1去不掉內聯元素文字的上下間距。

像這樣：

?

查閱很多資料之后，得出結論：
行內元素的高度是不受行高影響的，因此設置line-height=1只能影響行內元素在容器中所占據的高度（字號大小的高度），而自己本身的高度未曾改變，哪怕是超出了父容器的高度（在給行內元素設置了背景色之后就可以直觀的看到）。

解決方法：

如果需要去掉文字的上下間距，使得文字所在元素的高度同字體高度一致，那么：

　1、使用非行內元素包裹文字（p、div等）

　2、給行內元素轉為塊或者行內塊

　3、給行內元素浮動

之后再設置line-height=1 即可去掉文字上下的間距，大功告成。

?

轉載于:https://www.cnblogs.com/Mr-Car/p/10689517.html

總結

以上是生活随笔為你收集整理的行内元素中去掉文字的上下间距，使得文字所在元素的高度同字体高度一致的方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。