我正在尝试使用本文介绍的 text-overflow: ellipsis 技术： http://mattsnider.com/css/css-string-truncation-with-ellipsis/ 它在浏览器中的应用范围惊人地广泛。
然而，我注意到的问题是，它在 Ubuntu + Chrome 11 的组合中无法正常工作，而在 Mac 上的同一浏览器中却很好。
所以我很好奇如何发现此类问题并了解不同平台上相同浏览器之间行为不同的原因。
【问题讨论】：
标签： html browser cross-platform ellipsis css
众所周知，text-overflow:ellipsis 功能很难检测到支持。对于大多数现代浏览器功能，可以运行 Javascript 代码来检测浏览器是否支持该功能（请参阅Modernizr 项目以获取最终示例），但不幸的是，text-overflow 已经击败了甚至最坚定的特征检测脚本编写者。
因此，您只能提前了解哪些浏览器支持，哪些不支持。
CanIUse site 是这类事情的一个很好的参考；他们有大多数浏览器功能的浏览器支持表，包括text-overflow。
顺便说一句 - 您会从该链接中的表格中注意到，Firefox 目前不支持 text-overflow；您可能对这个问题感兴趣：text-overflow:ellipsis in Firefox 4? (and FF5) 我问是否有任何解决方法（简短的回答是，不；我们只需要等到 FF7 发布）。
但是，他们不区分支持表上的平台；假设似乎是给定的浏览器在所有平台上的工作方式几乎相同。当然并非总是如此。您特别提到您在 Ubuntu 中使用 Chrome 时遇到了问题，但在其他平台上却没有。我觉得这很奇怪，因为省略号功能似乎不太可能包含需要特定平台支持的任何内容，但如果是这种情况，那么它很好地证明了同一个浏览器可能并不总是跨平台相同。
我没有适合您的具体解决方案。不过，我希望以上内容对您有用。
在这种特殊情况下，听起来确实很奇怪——如果您可以生成一个简单的测试用例，它可以在 Windows 或 Mac 的最新 Chrome 中运行但不能在 Linux 中运行，那么它可能值得为 Chrome 发布错误报告.
【讨论】：
如果可以的话，使用 JS 框架。框架社区越大，在特定操作系统 + 浏览器组合上出现问题的可能性就越小。
编辑：以下是 YUI 如何为所有浏览器规范化 text-overflow: ellipsis 的示例：
http://yuilibrary.com/gallery/show/ellipsis
如果这不是一个选项，请使用虚拟机来验证您的应用在不同平台上的行为。
【讨论】：
使用 Chrome 上的开发者工具，看看是否有调试选项。我不知道Chrome，但是IE可以在IE开发者工具上调试。
【讨论】：