如何获得空白的宽度？

Question

我有一个函数切串到一个准确的宽度，我们称这种cut()

cut('abcd',3) = 'abc'

中font-family我用的是Arial

但是当我计算出每个系统字符的宽度，我发现whitespace很奇怪。

<span id='x'> </span> 

当我使用$("#x").width()我得到了0.0

注意whitespace不&nbsp

为什么' ' = 0.0但'a b' that ' ' != 0.0

什么的whitespace在HTML规则？

Answer 1

您可以使用white-space: pre;强制空间来呈现，因为它们可以写成：

#x { 
    white-space: pre; 
} 

我获得宽度4px：http://jsfiddle.net/qgeUZ/1/

Answer 2

试试这个，因为这里特色：Calculating text width

$.fn.textWidth = function(){ 
     var html_org = $(this).html(); 
     var html_calc = '<span>' + html_org + '</span>'; 
     $(this).html(html_calc); 
     var width = $(this).find('span:first').width(); 
     $(this).html(html_org); 
     return width; 
    }; 

//切换功能