vaadin中的CSS布局：标签和按钮未对齐

我正在创建标签和一个按钮在瓦丁 当我把这些组件放在Css布局上时，内容就像

• 标签
• 钮扣

但我想这是在 -标签-按钮

有人知道解决方案应该应用什么css吗

致意

---

Arvind

您的问题有两种解决方案。您可以将

StyleName

添加到

CssLayout

中，如下所示：

myCssLayout.setStyleName("my-layout");

然后将其添加到css文件中：

.my-layout .v-label{
  float:left;
}

或者，这是解决问题的正确方法，您可以使用

HorizontalLayout

而不是

CssLayout

。它将允许您将组件放在一行中

HorizontalLayout layout = new HorizontalLayout();
layout.addComponent(mybutton);
layout.addcomponent(mylabel);

---

对于像标签和按钮这样的组件

label.setWidth(Sizeable.SIZE_UNDEFINED, 0);

然后您还必须对该组件进行css更改

u-component-label{
    display:inline-block;
}

---

默认情况下，标签的宽度为100%，所以可能就是这样。尝试将标签宽度设置为“未定义”。