Bir açıklığın çizgi yüksekliğini nasıl alabilirim?

Question

span'un line-height'unu (veya diğer satır içi öğeleri) JavaScript/jQuery'de almanın bir yolu var mı?

Ben tam piksel yılında line-height bilgisayarlı ihtiyaç değil sıralama 1.2em, fontSize * 1.5 gibi normal veya sezgisel değerleri.

Yapmam gereken şey, hattın tüm yüksekliğini doldurmak için span'un arka planını genişletmektir. Açıklığı genişletmek için dolgu ekleyebileceğimi düşündüm, ama bunun için tam olarak line-height'a ihtiyacım var. Birisi başka bir yaklaşım sunabilirse, bu da yararlı olacaktır.

Answer 1

$("span").css("line-height"); 

Hesaplanan px değerini örneğin "16px" dizesi olarak alır. Kapakların altında IE currentStyle veya standart getComputedStyle kullanır. Bir setter olarak çalıştığı zaman, bu farklı bir şey olan elem.style.something = value gibi şaşırtıcı bir şeydir. Açıklığın bir div içinde bulunduğunu varsayarak

Answer 2

.

göreli ve% 100 yüksekliğini alır bir blok olarak yayılma:

Eğer pozisyona div ayarlayabilirsiniz.

Bu sayede açıklığı istediğiniz gibi gereceksiniz.

Answer 3

tasarım bunun için izin veriyorsa, uygulayabilirsiniz: Örnek here (.. Şeffaf yayılma arka plan rengini değiştirmek, etkisini görmek için Kırmızı div görmek gerekir notu)

Eğer outerHeight kullanmak ardından hedeflemesi ve elemanlarına inline-block ... bunu yapmanın

var inlineHeight = $('.inline-height').css("display", "inline-block").outerHeight(); 
//console.log('Inline Height:' + inlineHeight); 

Answer 4

kolay bir yoludur:

var style = window.getComputedStyle(element); 
var lineHeight = style.getPropertyValue('line-height'); 

Bu, jQuery kullanmadan satır yüksekliğinin hesaplama değerini alır ve IE9'dan itibaren tüm tarayıcılarda çalışır.