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

请在这里找到小提琴：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位置是否不同。

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