2012-05-27 17 views
10

< p> öğelerinde büyük başlıklar oluşturmaya çalışıyorum; bunlar, eşdeğeri satırında başlamalı ve iki satırı kapsamalıdır, ancak itfaiyede ilk harf beklediğim gibi konumlandırılmamıştır (Her yerde çalışır başka bile IE, sadece FF aynı seviyede başlamak nasıl sorunlar ...)BAŞLANGIÇLAR - CSS: iki satırlık ilk harf

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

First letter problem

Herhangi bir fikir kılan nedir?

+1

Belki farklı 'hat-height' değerlerine sahiptir? Bunları açıkça belirlemeye yardımcı oluyor mu? –

cevap

6

çok şık olmasa bu benim için çalıştı: first-letter sözde elemanı dikey hizalar, float uygulamak gerektiğini:

Yani kullanarak çapraz tarayıcı gömme efekti elde etmek sol sonra yazı yüksekliği yüksekliğini bulun, satır yüksekliğini azaltın, Firefox ve Opera veya WebKit tarayıcısında doğru bir şekilde hizalanacak şekilde kenar boşluğunu ayarlayın ve sonra IE için bir koşullu açıklamaları kullanın. türü doğru şekilde dikey olarak hizalamak için çizgi yüksekliğini değiştirin ve değiştirin.

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