3

いくつかの列にテーブルがあり、テキストが 2 行に分かれています。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>
4

1 に答える 1

2

ここで 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位置が異なるかどうかを確認することです。

テキストがスペースで終わると、何らかの理由で機能しません。

于 2013-02-26T12:52:51.243 に答える