：在Firefox中遇到困難的第一個字母

我在我的CSS中爲p標籤設計了一個'dropcap'型設計的簡單樣式。：在Firefox中遇到困難的第一個字母

p.introduction:first-letter { 
    float: left; 
    font-family: 'Times New Roman' , Times, serif; 
    font-size: 300%; 
    line-height: 1em; 
    margin-right: 0.08em; 
    margin-bottom: -0.25em; 
}

這似乎在所有瀏覽器上都能正常工作，但是我在Firefox中遇到了特殊的行爲。這封信下降到它下面的文本。

通常，我會在Firebug中調試它，但這裏有一個奇怪的部分 - 它不會在Firebug中顯示！我真的不知道是什麼原因造成的。我已經在下面的jsFiddle中轉載了它。

http://jsfiddle.net/4zMex/

我的標準的瀏覽器是Chrome瀏覽器這也適用於Safari和IE9。只有Firefox展現出奇怪的行爲。

來源

2011-03-01 Ciel

刪除消極的margin-bottom解決了問題。爲什麼這需要？

來源

2011-03-01 14:12:58 Capsule

因爲在其他任何瀏覽器中，如果沒有它，間距太多了。那麼，我該怎麼辦？如果我在FireFox中看起來不錯，那麼在其他所有瀏覽器中都會出現錯誤... – Ciel 2011-03-01 14:17:05

如果用高度：0.8em替換margin-bottom，它將修復Firefox並且不會中斷其他瀏覽器（至少不會使用Chrome ;-)）） – Capsule 2011-03-01 14:30:52

謝謝。我沒有想過試着增加它以達到預期的效果。 – Ciel 2011-03-01 14:53:35

：在Firefox中遇到困難的第一個字母

回答

相關問題