在td内的div中截断文本（单位相对宽度）

Question

我只需要使用以下示例的css截断文本。

Example of the problem in jsfiddle

<table border="1" width="100%" cellspacing="1" cellpading="1">   
  <tr>
    <td align="center" width="50%">
      <div>test1 test1 test1 test1test1 test1test1 test1test1   test1test1 test1test1 test1test1 test1test1 test1</div>
    <td align="center" width="50%">
      <div>TEST2</div>
    </td>
  </tr>
</table>

我直接在div中探测截断，但它不适用于相对度量。

Example in jsfiddle

<table border="1" width="100%" cellspacing="1" cellpading="1">   
  <tr>
    <td align="center" width="50%">
      <div style="    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;">test1 test1 test1 test1test1 test1test1 test1test1   test1test1 test1test1 test1test1 test1test1 test1</div>
    <td align="center" width="50%">
      <div style="    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;">TEST2</div>
    </td>
  </tr>
</table>

有什么想法吗？感谢

Answer 1

也许你可以使用＆＃34;文本溢出：省略号＆＃34;。

...
  <div id="test">test1 test1 test1 test1test1 test1test1 test1test1   test1test1 test1test1 test1test1 test1test1 test1</div>
...

css文件：

#test{  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

JS代码中的某处：

$("#test").width(200);

这将为您提供：＆＃34; test1 test1 test1 test1test1 test1te ...＆＃34;

这有用吗？