根据面板大小更改标签的内容

Question

再一次，我有一个问题。由于我正在使用Google Web Toolkit（GWT）（以及Java Servlets），我目前正在使用GWT（使用Java）构建一些用户界面。

我遇到了一些麻烦。我使用 SplitLayoutPanel ，左侧包含ScrollPanel，右侧包含另一个。

在左侧ScrollPanel中有一个 VerticalPanel，其中包含多个标签，的宽度不同。我想要完成的是：如果Label的文本不适合一行，它应该显示尽可能多的字符并且最后有一个“...”，如果它不是完全展示。

我即将为Label添加一个CustomEvent EventHandler，只要Label需要更改其内容，就可以触发它。现在的问题是，每当调整ScrollPanel或其内部VerticalPanel（通过拖动SplitLayoutPanel-Splitter）时，我都需要触发事件。

现在问题：是否可以在VerticalPanel 中覆盖某种“onResize”-Event或至少“onMouseMove”-Event，以便我可以触发“changeLabelSize（）” - 此VerticalPanel内的每个Label的方法？

我该怎么办？谢谢大家提前的时间！请问任何不清楚的事情，所以我可以澄清一下。

祝你好运， 伊戈尔。

Answer 1

使用CSS属性text-overflow: ellipsis;可以轻松完成此操作。

  

由IE7-，Safari和Konqueror支持。

它可以是emulated in Firefox。