在DIV中TD（寬度在單元相對）

截斷文本我需要只用下面的例子的CSS來截斷的文本。在DIV中TD（寬度在單元相對）

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

I探頭在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>

任何想法？由於

來源

2017-07-26 Matias Pesoa

也許你可以使用「文本溢出：省略號」。

... 
    <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);

這會給你：「測試1測試1測試1 test1test1 test1te ......」

是這有用嗎？

來源

2017-07-26 18:00:22 vanessa

嗨瓦妮莎。我需要保持在相對度量單元格的寬度，我不能用200像素寬度的絕對指標，來解決這個問題:(。感謝您的回答。 –

好吧，如果你管理「#TEST」 jQuery的寬度？我更新的代碼。 – vanessa

我只能使用CSS –

在DIV中TD（寬度在單元相對）

回答

相關問題