Java Vaadin FormLayout格式

我是vaadin 7的新手，在格式方面有点问题

我花了几个小时，但运气不好

我有：

• 我的垂直布局上有2个表单布局
• 每个表单布局上有2个标签

我想在屏幕截图的右边部分格式标签测试。

---

您可以提供建议或分享想法或想法吗。

我不能百分之百确定我是否了解您的意图，但您可以通过自定义CSS实现这一点

很难写出准确的CSS，因为它需要查看由Vaadin生成的HTML并用它进行测试，但对于标签来说是这样的：

.padded-form-layout v-caption:first-child {
   float: left;
   padding-left: 30px; /* set desired padding used for each label */
}

当然，这些值也需要类似的东西

上面，填充表单布局是您为需要此外观的布局定义的类名。在Java中：

formLayout.setStyleName("padded-form-layout");

为了弄清楚需要对CSS进行哪些修改，我建议您在浏览器中打开页面（Chrome或Firefox可以），然后使用开发工具直接修改CSS，以确定需要哪些规则。我通常只需在元素中键入一个样式标记，类似这样（在本例中，

style=“XXXXX”

将手动添加。这至少在Chrome的开发工具中是可能的）：

名字：
*

---

为了能够使用CSS，您需要以某种方式将其添加到主题中并对其进行编译（请参见），或者使用注释来发布一些代码？格式化代码如果希望两个表单对齐，则必须将它们合并到一个formlayout中。标题和值应正确对齐。如果您需要更大的灵活性，则必须使用网格或类似布局。

<div class="v-formlayout v-layout v-widget v-has-width" style="width: 100%;">
  <!-- ... -->
    <td class="v-formlayout-captioncell">
      <div class="v-caption v-caption-hasdescription">
        <span id="gwt-uid-21" for="gwt-uid-22" style="XXXXX">First name:</span>
        <span class="v-required-field-indicator" aria-hidden="true">*</span>
      </div>
    </td>
  <!-- ... -->
</div>