我想要一个两列的元素列表，其中右列具有固定宽度，左列由窗口大小决定，其文本被截断:
+----------------------+-----------+
|Variable width text...|Fixed width|
+----------------------+-----------+
我找到的所有关于如何在 HTML/CSS 中截断文本的示例都对截断文本使用固定宽度，因此它们不适用于我的可变宽度情况。我通常以左侧文本未被截断而告终，导致元素比应有的宽度更宽。
我会包含示例代码，但我已经尝试了很多不同的东西，我不知道该发布哪种错误方法:)
这是用于桌面应用程序中的 WebView，所以我只需要它与最新的 WebKit 一起工作。
最佳答案
如果你真的想截断文本，你可以这样做:http://jsfiddle.net/fju9q/2/
它使用 2 个 div。右边的div是 float 的，左边的div使用overflow:hidden和white-space:nowrap;来制作确保文本被截断。
关于html - 可变宽度容器中的截断文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11905509/