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;
    };

//剪切功能

如何获得空白的宽度？

2 个答案: