三个点 - 溢出:省略号

three dots - overflow:ellipsis

本文关键字：溢出 省略号 三个      更新时间：2023-09-26

我的问题是，为什么"text-overflow：ellipsis;"对我不起作用？我的页面上有表格，我想缩短单元格（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中对其进行了测试。谢谢

你需要一个表格的宽度和表格布局：固定;

http://jsfiddle.net/CagPK/

#myTable2 td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
#myTable2 
{
    table-layout:fixed;
    width: 100px;
}
​

text-overflow处理display: block元素，而表格单元格是display: table-cell元素。将文本括在<div>中应该有效（小提琴设置单击文本时的宽度）。

相关文章：