Мне интересно, возможно ли вычислить ширину пикселя символа в моноширинном шрифте? Я использую моноширинные шрифты, потому что мне нужно, чтобы каждый персонаж занимал ту же самую ширину в моем DIV, но я не уверен, как надежно получить фактическую ширину пикселя. Мне нужно исправить ширину, чтобы выполнять вычисления в JavaScript. Вот мой css:
font-family: monospace;
font-size: 15px;
Возможно ли это?
Лучший способ, которым я могу это сделать, - создать экран span (position: absolute; top: -100px;) с одним символом в нем. Затем вы можете измерить ширину пролета, чтобы получить ширину 1 символа в моноширинном шрифте. Убедитесь, что padding установлен на 0px на пролете, однако, поскольку это включено в ширину.
ИЗМЕНИТЬ:
Если вам нужна только аппроксимация, часто бывает полезно устройство ex. 1ex - высота нижнего регистра "x". Это примерно так же, как и ширина. Но это не точно.
Я не уверен, что можно быть абсолютно уверенным в ширине или даже высоте письма, Monospace или других, на всех платформах. суффикс PX на размер шрифта даже не представляет фактические пиксели на экране (посмотрите подробнее здесь для получения дополнительной информации).
Я подозреваю, что единственный способ - использовать фиксированный диапазон ширины для каждого символа.
Из интереса, мне любопытно узнать, зачем нужны фиксированные буквы ширины. Можете ли вы поделиться скриптом JS?