Voglio conoscere la lunghezza esatta in pixel di String, ad esempio "Hello World".Ottieni la lunghezza della stringa in pixel utilizzando JavaScript
Non deve essere la lunghezza del mio contenitore.
Qualsiasi aiuto ???
È possibile creare un certo elemento inline (span, per esempio), impostare la stringa come contenuto dell'elemento (innerHTML), inserirla nel documento (accodare a qualche elemento) e ottenere la sua larghezza (clientWidth).
Non c'è altro modo per misurare la lunghezza della stringa in pixel perché dipende dallo stile del carattere.
Inserisci il tuo testo in un <span> e utilizza JavaScript per misurare la larghezza del tuo <span>.
HTML:
<span id="text">Dummy text</span>
JavaScript:
var textWidth = document.getElementById("text").clientWidth;
jQuery:
$('#text').width();
Questo non funziona se 'span' ha uno stile CSS che imposta la sua larghezza a' 100% 'per esempio! – Andry
Hai ragione @Andry. Tranne 'span' è per definizione un [elemento inline] (https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements). Ciò significa che non puoi definire la sua larghezza senza cambiare la sua visualizzazione ad es. 'block' o' inline-block'. – Mike
Poiché la lunghezza del pixel della stringa cambia a seconda applicato indipendentemente CSS attributi quali font e peso e dimensioni, non riesco a vederlo possibile in JS.
* "Non dovrebbe essere la lunghezza del mio contenitore." * Scegli il contenitore giusto (ad esempio, una campata senza padding) e non c'è differenza. –