SORU
7 EKİM 2009, ÇARŞAMBA


HTML < /> sup; tutarlı hale getirmek için nasıl satır yüksekliğini etkileyen etiketi?

Eğer I-si olmak a <sup /> etiket multi-line <p /> etiketi çizgi ile üst üzerinde bir geniş satır aralığı üzerinde daha başka satırlar, ne olursa olsun ne line-height koydum üzerinde <p />.

Açıklama için düzenleyin: <p />s, tek bir çizgi üzerinde olan her var demek istemiyorum. Yeterli içerik birden fazla satır üzerine kaydırma ile <p /> Bir tek ben var. Metinde bir yerde (her yerde) <sup> <sub> olabilir. Bu üst/alt fazladan boşluk ekleyerek bunu satır satır yüksekliğini etkiler. Eğer <p /> satır yüksekliği daha büyük ayarlanırsa bu sorun için hiç fark etmez. Line-height artar, ama ekstra boşluk hala var.

Nasıl yani çizgiler <sup /> içeren olsun veya olmasın aynı boşluk var hepsi tutarlı yapabilir miyim?

Çözümlerinizi çapraz tarayıcı (IE 6 , FF, safari, opera, chrome) olmalıdır

Teşekkürler

Andrew

CEVAP
7 EKİM 2009, ÇARŞAMBA


line-height mu Düzelt, ama belki senin için çok büyük: benim seçim var artırmak çizgi-yükseklik için yaklaşık 1,8 önce <sup> artık müdahale ile, ama bu değişir, yazı tipi için yazı tipi.

Tutarlı satır Yükseklikleri elde etmek için olası bir yaklaşım 12 ** varsayılan yerine kendi üst simge stil. Eğer top kullanırsanız satırı kutusuna bir şey eklemek değil, ama yazı tipi boyutu daha fazla büyütmek için azaltmak olabilir:

sup { vertical-align: top; font-size: 0.6em; }

Başka bir konumlandırma biraz çizgi kutusu etkilemeden yukarı taşımak için kullanmaktır deneyebilirsiniz kesmek:

sup { vertical-align: top; position: relative; top: -0.5em; }

Elbette bu yeterli line-height yok eğer doğru değilse yukarıdaki satır içine çökmesini riskini de taşır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • engineerguy

    engineerguy

    10 Ocak 2010
  • soyacincautv

    soyacincautv

    14 NİSAN 2010
  • The Amazing Atheist

    The Amazing

    20 Kasım 2006