html - 在表格中设置 TD 中的 div 宽度

Question

我正在使用 sencha touch xTemplate。众所周知，sencha touch xtemplate 就是 html。我想在 td 中使用 div ，原因如下：

1. 使用 text-overflow:ellipsis 剪切文本。
2. 我尝试在 中显示文本，然后文本溢出在 IOS Safari 中不起作用。

我的代码是这样的：

......
......
'<td>' +
    '<div style = "overflow:hidden; text-overflow:ellipsis; width:80%; max-width: 100%;">'+  
     'Here is the text to cut'+
    '</div>'+
'</td>' +
......
......

这是一个问题：
当我将 div 放入 td 时，td 会扩展。当我将 max-width 设置为 100px 之类的数字时，它不会扩展。但我不想将宽度设置为固定数字。如何使 div 和 td 不展开？

我在这方面还是初级。所以请帮助我！

Answer 1

width:80%;max-width:100%没有意义。如果宽度为80%，则永远无法达到您为其设置的最大值。至少其中一个width或max-width应该是绝对值，而不是百分比。

就<td>扩展而言，您可以尝试在表格单元格上设置宽度。如果这不起作用，您还可以添加table-layout:fixed到表格的样式中。

Answer 2

删除最大宽度，并尝试在元素上设置white-space: nowrap;css 。td

这对你有用吗？

http://jsfiddle.net/YeDjG/2/