获取文本段落中最后一行的宽度

Question

是否有可能以某种方式测量具有多个中断/返回的段落中最后一行文本的长度？

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
          Donec id elit non mi porta gravida at eget metus. Nulla vitae
          elit libero, a pharetra augue. Nullam id dolor id nibh
          ultricies vehicula ut id elit. Vivamus sagittis lacus vel
[here] ->|augue laoreet rutrum faucibus dolor auctor.|<- [to here]

注意:文本中没有手动中断.它是一个包含在内部的单行文本,比方说,一个<p></p>标记.

Answer 1

在字符串的最末端附加零宽度元素并测量其左偏移量应该足够了.

HTML

<p id="text">…text…</p>

JS

// NOTE: This assumes LTR text!
// Using JQuery for simpler code

var $el = $("#text");
var originalText = $el.html();

$el.html(originalText + "<span id='cursor'></span>");
alert($("#cursor").offset().left + "px");
$el.html(originalText);

JSFiddle:http://jsfiddle.net/Ca4fF/1/