ile nasıl hizalarsınız? Fiyat örneği:Üst tablonuzu HTML
Fiyat formumda üst simge kullanmak istiyorum. Eğer fiyat $ 10 ve 89 sentse, 89 senti $ 10'la üst simge ile hizalamak isterim. <sup>'u kullanırken üst simge uygulanır, ancak "89" kısmı daha ileri gider. Eğer resmi bir göz atacak olursak , 89 üst sizin <sup> etiketi
üstü ile uyumlu hale getirilmesi gerekir tarayıcılar arasında, <sup> işaretlemesi ya da vertical-align özelliğinden daha uzun süre çalışır (bkz. Longish explanation). bottom değerinin seçilmesi (seçilen font-size için uygundur) tam olarak bir bilim değildir, çünkü bu fikir, öğeyi basamakların yüksekliğinin azalmasıyla aynı miktarda hareket ettirmektir, ancak bu biraz deneme gerektirir.
<style>
.cents {
font-size: 70%;
position: relative;
bottom: 0.3em;
}
</style>
$100<span class=cents>89</span>
Bu kadar vertical-align: top; ver 10.
Teşekkür ederim ... Bir çekicilik gibi çalıştı. –
Bu, başka bir üst düzey sorun için mükemmel bir çözümdü - çizgi yüksekliğini değiştirmekten ve metin/ögelerin kalanını konumlandırmaktan kaçınmaya çalışmak :-) –
Teşekkürler. Bunu test ettim ve işe yaradı. –
Genellikle çalışır. Ancak belirli yazı tipi boyutlarında ve yazı tiplerinde, özellikle sayıları oluşturmak için tam yükseklikte kullanmamadığınız fontları kullandığınızda sorunlar yaratabilir. Yazı tipleriniz, boyutlarınız vb. Pek değişmezse, bu yeterince iyi bir çözüm olmalıdır. – techfoobar
HTML5 konusunda katı değilseniz, size çapraz tarayıcı çözümü verebilirim. – techfoobar