Chrome 为内联元素添加了额外的高度
我正在尝试向一些文本添加突出显示,但突出显示部分的高度存在问题。不同浏览器的结果有所不同,但最糟糕的可能是 Chrome。这是说明该问题的页面的链接。
http://home.everestkc.net/pardnero/addedheight/
我知道有很多方法绕过这个增加的高度,但对于其他情况,我选择不走这些路线。任何帮助或见解将不胜感激!
谢谢!
I'm attempting to add a highlight to a bit of text, but am having issues with the highlight portions height. The result has been different across browser, but probably the worst is Chrome. Here is a link to a page illustrating the issue.
http://home.everestkc.net/pardnero/addedheight/
I understand there are ways of getting around this added height, but for other circumstances I've chosen to not to go those routes. Any help or insight would be greatly appreciated!
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在
上设置
display: inline-block;
会获取相邻的行以将其清除。
Setting
display: inline-block;
on the<span>
gets the adjacent<p>
lines to clear it.