Css 属性文本溢出：省略号不起作用
我有一个表，其中thCss 属性文本溢出：省略号不起作用,css,Css,我有一个表，其中th的样式如下 table.tvTable td{ overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; // with this line i get one erally wide row padding: 3px; } 它们分别是宽度为的样式（px、%和*）。我还试图设置整个表的宽度（这是不希望的，因为我希望其中一列利用屏幕
table.tvTable td{
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap; // with this line i get one erally wide row
padding: 3px;
}
的样式（px、%和*）。我还试图设置整个表的宽度（这是不希望的，因为我希望其中一列利用屏幕上可用的最大宽度）
然而，没有剪辑发生，更不用说省略了。我在Ch和FF上。不幸的是，您必须使用表格布局：已修复并设置您的桌子的宽度。以下是我如何使其工作的示例。您确实必须使用前面提到的表布局：fixed
。通过CSS设置td
的宽度似乎也可以，而无需在HTML中指定
如果您有任何问题，请告诉我 哦，这是一个明白了。。。我将尝试将宽度设置为90%或类似的值，这对浏览器来说是最好的，否则我将退出互联网！编辑：我做了table.tvTable{width:90%；}table.tvTable tr{table layout:fixed；height:20px；}但仍然不起作用。还有什么我可能遗漏的吗？声明：table.tvTable td{overflow:hidden；text overflow:省略号；-o-text-overflow:省略号；空白：nowrap；padding:3px；table layout:fixed；font:14px Courier；}必须在表上应用表布局，而不是tdAh，就是这样<代码>表格布局：固定的
应该在表格上，而不是个人的
。不过，我有一句话要说。在您的示例中，您使用了-webkit text-overflow:省略号但是根据，它是不需要的。老狗新把戏还是故意的？我想是前者吧！显然，由于Chrome和Safari似乎支持该属性，所以不需要供应商前缀！好消息：）