Vaadin标签内容太大了

Question

我有这段代码

private VaadinLabel email, 
this.email = new VaadinLabel();
this.informativoDab = new VaadinLabel();
HorizontalLayout row = new HorizontalLayout();
row.setWidth("100%");
row.addComponent(this.email);
row.addComponent(this.informativoDab);

它给了我这个:

当我真的想要这个:

它应该很简单,但我已经尝试过了

this.email.setWidth("50%");

它不起作用.我怎么能用Vaadin Label做到这一点,因为我还需要一个提示来显示整个电子邮件？

Answer 1

实际上你应该使用"100%"作为标签大小,因为它应该占用布局给它的所有空间,在这种情况下是一半.

默认情况下,Vaadin会将文本包装在多行上.IIRC没有内置的css样式名称,所以你需要使用CSS来禁用包装并使用省略号来显示溢出的文本.您可以使用"cut_text"样式名称(email.addStyleName("cut_text"))作为您的电子邮件标签以及以下css规则到您的主题:

.cut_text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}