Ho una textarea la cui altezza della riga è impostata su "normale". Tuttavia, posso ancora ottenere il valore reale del pixel in FireFox:Trova il valore del pixel per l'altezza della linea quando è "normale" in Chrome
// firefox
>>> $("#post_body").css('line-height')
"19.1167px"
Mentre non posso in Chrome:
// chrome
>>> $("#post_body").css('line-height')
"normal"
Come posso ottenere l'altezza effettiva linea di pixel in Chrome?
Il valore di altezza riga è un numero. Questo numero rappresenta un moltiplicativo della dimensione del carattere del nodo corrente. Ciò è più complicato se il carattere del nodo corrente viene misurato in em o ex unità e viene impostato da diversi livelli di ereditarietà ma non è esplicitamente indicato nel nodo corrente. Questo è lo scenario peggiore. In questo caso, è necessario iniettare un carattere "m" minuscolo e misurare la larghezza del pixel utilizzando la proprietà clientWidth e quindi rimuoverlo.
La domanda si applica quando 'line-height' è' normal' (che è un valore legale per questa proprietà CSS). Quindi questa risposta, che inizia con "Il valore dell'altezza della linea è un numero" non è applicabile qui. Ti consiglio caldamente di rimuoverlo. –
si può provare impostare css:
#post_body {line-height:1;}
Poi uscita Chrome sarà pixel reale.
Impostare l'altezza della riga: 1' significa moltiplicare la dimensione del carattere per 1. Questa non sarà l'altezza della linea. – arttronics
Grazie limone! Il tuo consiglio funziona. – KunJ
Si desidera ottenere l'altezza di linea predefinita? Non l'hai impostato? – Purag
La risposta che cercate è [qui] (http://stackoverflow.com/a/18430767/1195891). Ho apportato una modifica [jsFiddle] (http://jsfiddle.net/arttronics/AZ6hJ/) per la sua risposta: vedere il pulsante di mezzo 'calculateLineHeight()' per Chrome. Modifica: attiva la console del browser per visualizzare i risultati. – arttronics