我有一个简单的形式：
<j:Form id="myForm3" x="720 "y="120" height="100" width="300">
<j:FormItem label="data24">
<b:TextInput id="data24"/>
</j:FormItem>
<j:FormItem label="data25">
<b:TextInput id="data25"/>
</j:FormItem>
<j:FormItem label="data26">
<b:TextInput id="data26"/>
</j:FormItem>
<j:Form />
我想控制标签和文本输入框之间的间隙。我以为我可以用CSS来做，但我找不到合适的组合。如何控制这种差距？
或者有更好的方法来填写表格吗？
FormItem中的间隙通过布局珠控制。默认情况下，在下面的示例(与您的示例类似(中，我只在第一个FormItem中添加了一个HorizontalLayout珠，以显示与其他珠的差异：
<j:Form id="myForm3" x="720 "y="120" height="100" width="300">
<j:FormItem label="data24">
<j:beads>
<j:HorizontalLayout gap="8"/>
</j:beads>
<j:TextInput localId="data24"/>
</j:FormItem>
<j:FormItem label="data25">
<j:TextInput localId="data25"/>
</j:FormItem>
</j:Form>
我把id改成了localId，因为html不喜欢重复，所以最好总是稍后使用。
注1：默认缺口在宝石主题中
j|FormItem
gap: 2
itemsVerticalAlign: itemsCentered
注2：间隙=2表示默认的宝石主题，2x3=6像素。这些值在CSS中烘焙，并且是4的倍数。所有默认数字都可以通过SASS在Jewel Theme中进行配置，以获得更大的灵活性。
尽管最后的响应还可以。以下是您的特定用例所需的代码。你需要添加一个css规则来隐藏"必需"；部分我在表单级别完成了，但也可以在表单项级别完成，但我猜你想在中删除所有表单：
<j:Form localId="myForm3" x="720 "y="120" height="100" width="300"
className="remove-required">
<j:FormItem label="data24">
<j:beads>
<j:HorizontalLayout gap="0"/>
</j:beads>
<j:TextInput localId="data24"/>
</j:FormItem>
<j:FormItem label="data25">
<j:beads>
<j:HorizontalLayout gap="0"/>
</j:beads>
<j:TextInput localId="data25"/>
</j:FormItem>
</j:Form>
<fx:Style>
.jewel.form.remove-required .jewel.label.required {
display: none;
}
</fx:Style>