Получить длину строки в пикселях с помощью JavaScript

Автор admin На чтение 1 мин Просмотров 18 Опубликовано 8 марта, 2025

Вопрос:Я хочу знать точную длину в пикселях String i.e. "Hello World". Это не должно быть длина моего контейнера. Любая помощь??? Ответ №1Поместите текст в и используйте JavaScript для измерения ширины вашего . HTML: Dummy text JavaScript: var textWidth = document.getElementById("text").clientWidth; JQuery $('#text').width(); Ответ №2Вы можете создать некоторый встроенный элемент (например, span), указать свою

Вопрос:

Я хочу знать точную длину в пикселях String i.e. “Hello World”.

Это не должно быть длина моего контейнера.

Любая помощь???

Ответ №1

Поместите текст в <span> и используйте JavaScript для измерения ширины вашего <span>.

HTML:

<span id=»text»>Dummy text</span>

JavaScript:

var textWidth = document.getElementById(«text»).clientWidth;

JQuery

$(‘#text’).width(); Ответ №2

Вы можете создать некоторый встроенный элемент (например, span), указать свою строку как содержимое элемента (innerHTML), вставить его в документ (добавить к некоторому элементу) и получить его ширину (clientWidth).

Нет другого способа измерить длину строки в пикселях, поскольку она зависит от стиля шрифта.

Ответ №3

Поскольку длина пикселя строки будет меняться в зависимости от независимо применяемых атрибутов CSS, таких как шрифт, вес и размер, я не вижу, что это возможно в JS.