html - 可变宽度容器中的截断文本

Question

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

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

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

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

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

Answer 1

如果您真的想将文本截断，您可以执行以下操作：http: //jsfiddle.net/fju9q/2/

其中使用 2div秒。右边div是浮动的，左边div使用overflow: hiddenandwhite-space: nowrap;来确保文本被截断。