javascript - 浏览器字体中每个字符的渲染像素宽度数据

标签 javascript jquery html css font-size

我有一个需要限制在特定宽度的表格列 - 比如 100 像素。有时该列中的文本比这更宽并且不包含空格。例如:

a_really_long_string_of_text_like_this_with_no_line_breaks_makes_the_table_unhappy

我想计算文本服务器端的宽度,并在正确的字符数后添加一个省略号。问题是我没有关于文本渲染大小的数据。

例如,假设浏览器是 Firefox 3,字体是 12px Arial。字母“a”的宽度是多少,字母“b”的宽度是多少?

您是否有显示每个字符的像素宽度的数据?或者生成它的程序?

我认为一个聪明的一次性 javascript 脚本可以解决问题。但如果其他人已经这样做了,我不想花时间重新发明轮子。我肯定不是第一个遇到这个问题的人。

最佳答案

overflow: scroll 怎么样?

关于javascript - 浏览器字体中每个字符的渲染像素宽度数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/162730/

相关文章:

javascript - 无法让 requirejs 包含 Backbonejs

javascript - 隐藏/显示元素

javascript - Twitter Bootstrap Typeahead - ID 和标签

javascript - 在 jQuery 中通过 AJAX 提交表单

javascript - 单击链接时隐藏第二层下拉菜单 - jQuery

javascript - angularjs:重新缩放文本框

javascript - 使用其他网站元素的 id javascript

javascript - 如何删除计算中的 NaN

javascript - 为什么我的 javascript 函数没有在我的 div 中被调用?

html - 使用 CSS Sprite ?