在可变宽度容器中截断文本

Question

我希望有一个两列的项目列表，其中右列具有固定宽度，左列由窗口大小决定，其文本被截断：

+----------------------+-----------+
|Variable width text...|Fixed width|
+----------------------+-----------+

我发现的关于如何在HTML / CSS中截断文本的所有示例都对截断文本使用固定宽度，因此它们不适用于我的可变宽度大小写。我通常最终得到的左侧文本没有被截断，导致元素比它应该更宽。

我会包含示例代码，但我尝试了很多不同的东西，我不知道发布哪种错误方法：）

这适用于桌面应用程序中的WebView，因此我只需要它就可以使用最新的WebKit。

Answer 1

如果您确实要截断文字，可以执行以下操作：http://jsfiddle.net/fju9q/2/

使用2 div s。右侧div已浮动，左侧div使用overflow: hidden和white-space: nowrap;以确保文本被截断。