使用CSS flex-box的Vaadin布局？

Question

有没有Layout在Vaadin 8(Vaadin框架)或Vaadin 10(Vaadin流量使用较新的)CSS Flexbox的(又名Flexbox的)功能？

精彩教程使它看起来像柔性盒可以用来实现Vaadin的GridLayout,VerticalLayout和HorizontalLayout.

Answer 1

瓦丁8

如果要在Vaadin 8中使用flex-box,可以使用以下选项

1. 如果您更喜欢服务器端Java API,则目录https://vaadin.com/directory/component/flexlayout-add-on中有一个附加组件.

2. 您始终可以使用CssLayout,并在主题中定义CSS弹性框规则

3. 董事会(https://vaadin.com/directory/component/vaadin-board)组件使用flex-box实现

Vaadin 10(流程)

Flow中的所有布局都是使用Flex-box实现的,使它们能够更好地协同工作.Flow中还有一个FlexLayout,它以类似于上面提到的附加组件的方式提供flex-box的Java API.Horizo​​ntalLayout和VerticalLayout是特殊情况flex-box,因此组合这些时副作用较少(参见:https://vaadin.com/docs/v10/flow/components/tutorial-flow-components-setup.html).