2012-05-27 66 views
10

我試圖在< p>元素中創建大的首字母,它應該在第二行開始並覆蓋兩行,但在firefox中,第一個字母沒有像我期望的那樣定位否則,即使在IE瀏覽器中,只有FF使問題...)初始-css:兩行第一個字母

http://jsfiddle.net/6SfHG/1/

First letter problem

任何想法如何使它開始在同一水平?

+1

也許他們有不同的'線height'值?它有助於明確地設置這些嗎? –

回答

6

這工作對我來說,雖然它不是很優雅:第一字母僞元素垂直對齊,您需要申請浮動:

因此,要使用獲得跨瀏覽器的下沉效果左,然後找到字體高度的高度,將行高降低爲該高度,調整margin-top,使其在Firefox和Opera或WebKit瀏覽器中正確對齊,然後對僅IE樣式表使用條件註釋刪除邊距 - 頂部並更改行高以正確垂直對齊類型。

http://nickcowie.com/2009/drop-caps-first-letter-and-firefox/

相關問題