Come ottenere imbottitura o il valore del margine in valore relativo utilizzando jQuery

Se ho un elemento con stile CSS come il codiceCome ottenere imbottitura o il valore del margine in valore relativo utilizzando jQuery

td class="bogus" style="padding-left: 1em;"

come posso usare jQuery per ottenere padding-left valore come 1em invece di pixel?

$(".bogus").css("padding-left");

Questo restituisce solo i pixel, ma voglio per tornare quello che è veramente nel codice, in questo caso, valore relativo 1em invece. Come ?

Grazie per qualsiasi guida.

fonte

2009-06-17 Anonymous

Che cosa si può fare è impostare la dimensione del carattere di base (la proprietà font-size sull'elemento <body>) a circa il 62,8% (alcuni dicono 62,5%):

<body style="font-size:62.5%;">

Ciò rende il font di base, o 1.0em, approssimativamente uguale a 10px. Non è esatto e cambia da font a font, ma in generale è abbastanza preciso. Dopo aver fatto questo, è possibile usare lo SME ei loro equivalenti in pixel:

1.0em = 10px, 1.1em = 11px, 1.2em = 12px ecc

Così si può facilmente convertire da pixel a EMS, dividendo per 10:

var ems = parseInt($(".bogus").css("padding-left"))/10;

fonte

2009-06-17 19:58:35 karim79

Risolto il problema. Grazie per la tua guida. –

Nota: questo non funzionerà se l'utente ha modificato la dimensione del carattere predefinito nel proprio browser o se la dimensione del carattere predefinito del browser è diversa da 16px (Safari). –

Come ottenere imbottitura o il valore del margine in valore relativo utilizzando jQuery

risposta

Problemi correlati