Metinde satır içi görüntü var. Bu görüntü 32x32. otomatik boyut'a sahip olduğum şeyin doğru olup olmadığına bakıyorum. Bunu yapmanın bir yolu var mı?Görüntü yüksekliğini çizgi yüksekliğine ayarlamak için CSS ile bir yol var mı?
Görüntüyü bilinmeyen bir çizgi yüksekliğiyle istediğiniz yere yerleştirebilmeyi ve düzgün bir şekilde boyutlandırabilmeyi düşünüyorum.
Kullanım img{height: 1em;} /* whatever your line height may be, it is affected by its font-size /*
bu Updated Demo Bkz (Artış veya sonucunu görüntülemek için yazı tipi boyutunu azaltın.) Kaygan
Her ikisini de açık bir şekilde ayarladıysanız, yüksekliği çizgi yüksekliğine ayarlayabilirsiniz.
* { line-height: 1.3; }
img { height: 1.3em; }
Satır yüksekliğini ayarlamak istemiyorsanız, size (genellikle yazı bağlıdır) tarayıcı varsayılan bir tahmin yapmak gerekir. Ayrıca dibine dikey olarak hizalamak gerekir,
img { height: 1.12em; }
gerçek satır yüksekliği arttırılabilir neden olmaz, böylece bir görüntü, metin içine düzgün uygun yapmak için: Bu iyi bir tahmin olabilir hat kutusu, hiçbir (daha yüksektir) taban çizgisini metne: Eğer görüntü başlangıca (varsayılan) oturmasına izin gerekiyorsa
img { vertical-align: bottom; }
, alttaki arasındaki mesafeye bir tahmin yapmak gerekir temel alın ve görüntü yüksekliğini buna göre daha küçük ayarlayın. Bu durumda, height: 1em, ya da belki biraz daha küçük bir değerle, iyi bir tahmin olabilir.
. Teşekkürler! – Justin808