单空格字体字符串宽度
Monospace font string width
我有一个输入元素,它馈送到一个列表元素中,两者都使用相同的单空格字体。char_width_test
是包含1个具有相同单空格字体的字符的span
元素的ID。我检查了这个宽度乘以输入字段中给定的字符串的长度,计算根据该字符串创建的列表项的宽度。
var ul = document.getElementById('posts_list');
var li = document.createElement('li');
var txt = document.createTextNode(str);
ul.appendChild(li);
li.innerHTML = str;
li.style.width = (($("#char_width_test").width() * str.length)) + 'px';
上面的代码生成的宽度中的空格越多,字符串越长。似乎有一些变量影响了我缺少的宽度?
字符之间存在紧排,因此一个字符的宽度不是您想要相乘的宽度。
http://en.wikipedia.org/wiki/Kerning
一旦确定了一个字母的宽度和紧排量,就需要n * char_width + (n - 1) * kerning_width
才能更准确。
如果跨度上没有填充或边距,我可能会尝试类似kerning = width_of_two_characters - (width_of_one_character * 2)
的东西。看看结果如何。
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- jQuery中是否内置了任何字符串格式化函数
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- ng打开空字符串
- 用Javascript更改我网站上的字体大小
- 正则表达式在字符串中找到base64
- 如何将字符串值从php页面发送到java脚本页面
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 对id以某个字符串开头的元素进行计数
- 更改webresource Javascript CRM 2011中的字符串字体大小
- 如何使用 JavaScript 更改字符串字体颜色
- 内联 jquery 字符串 - 为某些单词添加粗体字体
- 如何将字体名称作为字符串传递给 webfont.load
- 下拉选择字符串字体样式更改
- 是否可以在一个jquery字符串中使用两种颜色的字体
- 添加字体awsome图标到Javascript字符串
- javascript中字符串值的字体颜色
- 单空格字体字符串宽度