三个点 - 溢出：省略号

Question

我的问题是，为什么“文本溢出：省略号；” 对我不起作用吗？我的页面上有表格，我想缩短单元格内的一些文本（td）。正如你所看到的，我在CSS中没有宽度参数。我从 json 获取这个值，然后用 jquery 设置它。也许这就是问题所在？如果是这样，我该如何解决？

#myTable2 td{
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:47px;
    border-top: solid 1px #ebebeb;
    border-spacing:none;
    cellpadding: 0;
    cellspacing: 0;
    font-family:arial;
    font-size: 8pt;
    color: #3D3D3D;
    padding: 4px;
}

我在 Chrome 19、最新的 Firefox 和 IE9 中测试了它。谢谢

Answer 1

您需要表格和表格布局的宽度：固定；

\n\n

http://jsfiddle.net/CagPK/

\n\n

#myTable2 td{\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow:ellipsis;\n}\n#myTable2 \n{\n    table-layout:fixed;\n    width: 100px;\n}\n\xe2\x80\x8b\n

\n