Chrome为内嵌元素添加了额外的高度

我试图将一个高亮添加到一些文本，但是在高亮部分高度方面存在问题。结果在浏览器上有所不同，但最糟糕的可能是Chrome。这是一个链接到说明问题的页面。Chrome为内嵌元素添加了额外的高度

http://home.everestkc.net/pardnero/addedheight/

我知道有解决这个高度增加获得的方式，但对于其他情况下，我选择了不走这些路线。任何帮助或见解将不胜感激！

谢谢！

2012-02-23 ahamill

也许你可以提到什么其他解决方法是什么，为什么你拒绝他们，所以其他人不建议相同的修复？ – 2012-02-23 18:08:44

除非它非常微妙，它在Chrome，Firefox，IE，Safari和Opera中看起来都一样。 – 2012-02-23 18:12:17

这是否有点微妙，但足以引起头痛。您可以看到第二行的黄色背景与其他两行重叠。在Chrome中，内联元素的增加高度与周围元素重叠，而在FF和IE的某些版本中，内联元素仍然具有增加的高度，但周围的元素不重叠。我会使用内联块，但是我需要将这些突出显示的文本换行到多行，如果使用内联块，高亮将不会包含在文本中，而是覆盖“块”区域。 – ahamill 2012-02-23 21:16:44

设置display: inline-block;上的<span>获取相邻的<p>行来清除它。

来源

2012-02-23 18:12:05 creanium

Chrome为内嵌元素添加了额外的高度

回答

相关问题