有一个元素使用指定的宽度实现Label一行。所有不适合裁剪的东西,放在线点末端。 示例代码:http://jsfiddle.net/raHEb/7/ 实际上问题是要识别文本是完全适合元素还是被截断。 这个例子在IE9,IE8中运行良好,但是在FF,Chrome,Safari,Opera中不能给出准确的结果,可以看出,如果窗口是逐渐开始缩小的一个例子,文本将首先被剪切,并且只有这样才会变红。也就是说,文本将被截断,并且定义它的函数返回false。
Christian Varga给出的解决方案并不完全正确,见于:http://jsfiddle.net/cgzW8/20/ 平滑调整窗口大小,缩小窗口。在浏览器中:Opera,Chrome,Safari,IE7,FF字段“文本”将立即被剪切,然后才会变为红色。