用canvas的measureText()API，倒是可以算出来，达到你的效果。但是，很显然，特定加到canvas里面去算，会显得多余，多此一举。
//可能，加入间距这些，那就真的不好算了。

我有一计, 应该可行.
把 div 设为 inline,
https://jsfiddle.net/afqkt0d1/1/

不可替换的内联元素盒的内容宽度是它里面渲染的内容（的内容宽度）（在所有子级的相对偏移之前）
http://www.ayqy.net/doc/css2-...

还有把 div 设为, 浮动或者 absolute, fixed 定位应该也可以, 这样就相当于让 div 拥有了包裹性.

包裹性换种说法就是让元素inline-block化，例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度

http://www.zhangxinxu.com/wor...

这个算不出来，宽度不仅仅和字号有关，还有字体，间距等等有关。最好说说你的意图，觉得你考虑的方向不对