javascript - 如何知道文本正在使用 javascript 或 jquery 中断

Question

我有一些列中的表格文本被分成两行。我想减小 td 文本中断的字体大小。我不知道从哪里开始为这个问题编码 http://jsfiddle.net/WZNPx/

<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>sdfasdfas asdfasf asdfsaf </td>
<td>adfafdafd adfasdf afasdf sdfsadfasasdfa sdf asdfsafd adfaf</td>
<td>adfasf</td>
</tr>
</table>

Answer 1

请在这里找到 Fiddle:http://jsfiddle.net/WZNPx/7/

代码相当简单:

var tds = $("#test td")

for (var i = 0, l = tds.length; i < l; i++)
{
    var td = tds.eq(i);
    td.prepend("<span class='testerStart'></span>");
    td.append("<span class='testerEnd'></span>");
    var s = $(td).find(".testerStart").position().top;
    var e = $(td).find(".testerEnd").position().top;
    console.log(s,e);
    if (e > s) console.log("Multiple lines");
    else console.log("Single line");
}

想法是在文本的开头和结尾插入空的 span 并检查它们的 y 位置是否不同。

出于某种原因，当文本以空格结尾时它不起作用。