我目前正致力于 Vaadin 10 中的webapp项目 . 在主页面上，您可以查看当前的聊天记录 . 每个聊天都显示为一个泡泡，如下所示：
它包含图像和标签 .
我将气泡放在网格中以确保快速加载和灵活性，如下所示：
`Grid<VisualGroup> cloudGrid = new Grid<VisualGroup>();
cloudGrid.setWidth("100%");
cloudGrid.setHeight("100%");
cloudGrid.getElement().getStyle().set("border","white");
cloudGrid.addComponentColumn(VisualGroupComponent::new);
cloudGrid.setItems(groups);`
我的问题是当我将组件放入网格时标签不会换行 . 如果我独立创建组件，文本正确包装如下：
但如果我像上面描述的那样使用网格，它看起来：
有谁知道如何在vaadin中的ComponentColumns中进行文本换行？
EDIT: 我终于开始工作了，尽管它对我来说是一个非常讨厌的解决方案 . 问题是，网格布局中的元素从网格继承了大部分样式值 . 网格似乎禁止在某处包装 . 因为通常的html标签linke word-break: break-word; 和 word-wrap: break-word; 不起作用我通过使用 all:initial 重置文本样式找到了一种解决方法 . 这会完全重置样式，您需要手动设置重要属性，如 font-family:var(--lumo-font-family) ，以实现相同的外观 . 但现在包装工作 .
如果有人知道我需要覆盖的确切属性来获得包装工作而不是删除其他可能最好的解决方案 . 但就目前而言，这是一种解决方法 .