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爲內嵌元素添加了額外的高度

回答

相關問題