Нахождение ширины текста в jquery

Question

Я пытаюсь вычислить ширину текста в пикселях.

Я возьму строку из html, эта строка также может содержать некоторые специальные символы (в данном примере это просто дефис), и сделаю эту строку содержимым html для div, и вычислю ширину строки.

Но я получаю странные результаты.

Если есть лучший способ получить ширину текста, кросс-браузер !, пожалуйста, дайте мне знать.

Я сделал скрипку:

http://jsfiddle.net/YaPcP/39/

Спасибо!

Answer 1

Добавить float: left; к #holder

#holder, который является тестовым контейнером для ширины, по умолчанию равен width: auto;. Другими словами, он занимает 100% окна браузера и дает вам смешанные результаты.

Вы также можете рассмотреть добавление white-space: nowrap; к #holder, если оно когда-либо превысит ширину контейнера

Обновлено скрипка

Answer 2

<div> элементы имеют ширину родительского элемента, поэтому изменение размера шрифта не повлияет на его фактическую ширину. Изменение <div> на <span> должно дать вам то, что вы ищете.

Answer 3

Это может выглядеть неприятно, но дает вам ширину:

http://jsfiddle.net/adaz/YaPcP/43/