如何创建Vaadin多行按钮

Question

我有一个问题，我想为Vaadin按钮设置多行文字。 但是，我在Internet上找不到完整的示例，因此，如果有人应该遇到相同的问题，我想在这里提供一个示例。

Answer 1

实际上，您也可以在常规Vaadin Button中进行多行字幕。

有两种方法

1. 使用button.setCaptionAsHtml（true）并使用<BR>换行符。
2. 设置Button的确定宽度，并启用CSS自动换行

在两种情况下，您还都需要使用CSS为Button设置“ height：auto”，否则行将不在按钮内。

例如

Button button = new Button("Multiple lines in a button");
button.addStyleName("multiline-button");

在您的主题混搭中

.multiline-button {
   width: 125px;
   white-space: normal;
   height: auto;
}

会结果