vaadin - 是垂直的,不是水平的
问题描述
我有一个关于 Vaadin 组件的问题。我已经使用它们的声明性 API(HTML API)成功地将它们添加到静态网页中。(请参阅https://web-call.cc/。)元素的 HTML API ( https://vaadin.com/components/vaadin-ordered-layout/html-examples ) 显示如下用法:
<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'```
推荐阅读
- google-cloud-platform - 从 Google AI JSON 获取实体的坐标
- mongodb - 如何根据 contentId 获取数组计数
- maven - Java的maven工具,什么工具、bash脚本、方法或命令可以列出已安装的包名和版本?或与 Maven
- amazon-web-services - AZ 之间的 AWS 负载均衡器延迟比较 (ap-south-1a / b / c)
- c - 如何静态获取导致 C 中变量设置的文件名和行号?
- python - Django Mezzanine 模型创建两个对象
- llvm - llvm::IRBuilderBase 和 llvm::BinaryOperator 中的`Create` API 有什么区别?
- javascript - 如何使用 webpack 在 vuejs 样板中编译新的源代码
- docker-compose - docker-compose 3.2+ 绑定语句因环境变量而失败
- apache-spark - Spark DataFrame:按行的值选择列