我对 Vaadin 组件有疑问。我已使用其声明性 API(HTML API)成功将它们添加到静态网页。 (请参阅 https://web-call.cc/ 。)元素 ( https://vaadin.com/components/vaadin-ordered-layout/html-examples ) 的 HTML API 显示如下用法:
<vaadin-horizontal-layout>
<div>Item 1</div>
<div>Item 2</div>
</vaadin-horizontal-layout>
但我必须添加样式 display: flex;
以使布局水平。为什么我必须这样做? (我通过使用 Chrome 中的开发工具查看布局得到了这个想法,它显示了具有该样式的水平布局。)当我为水平布局和垂直布局添加样式规则时,垂直布局也变成了水平!文档没有显示该样式应用于布局;仅适用于这些布局中包含的项目。我错过了什么吗?
最佳答案
布局行为不当的原因是我忘记了这些导入:
import '@vaadin/vaadin-ordered-layout/vaadin-vertical-layout.js'
import '@vaadin/vaadin-ordered-layout/vaadin-horizontal-layout.js'```
关于vaadin - <vaadin-horizontal-layout> 是垂直的,而不是水平的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68398395/