2013-02-26 28 views
3

我有一些colums文本中的表正在打破兩行。我想減少td文本正在打破的字體大小。我沒有得到任何線索從哪裏開始編碼這個問題http://jsfiddle.net/WZNPx/如何知道文本是打破使用javascript或jquery

<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> 
+0

http://stackoverflow.com/search - 這是一個很好的開始 – Alexander 2013-02-26 11:50:23

+0

如果我測量身高,測量身高td – Johan 2013-02-26 11:50:54

+1

然後它也會計算那些只有一行文字的td,因爲身高是td表 – Carlos 2013-02-26 11:52:27

回答

2

請在這裏找到小提琴: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位置是否不同。

由於某些原因,文本以空格結束時不起作用。

相關問題