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
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.
Nasıl bir arka plan android %20 şeffaf...
Nasıl XML için bir zaman dilimi seri h...
Nasıl bir dize içine bir nesne seri ha...
Bir HTML button için Satır sonları ekl...
Nasıl div arka plan rengini CSS ile şe...