Ширина пикселя моноширинного символа

Мне интересно, возможно ли вычислить ширину пикселя символа в моноширинном шрифте? Я использую моноширинные шрифты, потому что мне нужно, чтобы каждый персонаж занимал ту же самую ширину в моем DIV, но я не уверен, как надежно получить фактическую ширину пикселя. Мне нужно исправить ширину, чтобы выполнять вычисления в JavaScript. Вот мой css:

 font-family: monospace;
 font-size: 15px;

Возможно ли это?

Ответ 1

Лучший способ, которым я могу это сделать, - создать экран span (position: absolute; top: -100px;) с одним символом в нем. Затем вы можете измерить ширину пролета, чтобы получить ширину 1 символа в моноширинном шрифте. Убедитесь, что padding установлен на 0px на пролете, однако, поскольку это включено в ширину.

ИЗМЕНИТЬ: Если вам нужна только аппроксимация, часто бывает полезно устройство ex. 1ex - высота нижнего регистра "x". Это примерно так же, как и ширина. Но это не точно.

Ответ 2

Я не уверен, что можно быть абсолютно уверенным в ширине или даже высоте письма, Monospace или других, на всех платформах. суффикс PX на размер шрифта даже не представляет фактические пиксели на экране (посмотрите подробнее здесь для получения дополнительной информации).

Я подозреваю, что единственный способ - использовать фиксированный диапазон ширины для каждого символа.

Из интереса, мне любопытно узнать, зачем нужны фиксированные буквы ширины. Можете ли вы поделиться скриптом JS?