Flex表格：如何根據內容自動更改表格寬度

Question

我正在創建一個Flex表單，其代碼如下：-
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Form>
<s:layout>
<s:FormLayout gap="5"/>
</s:layout>
<s:FormItem label="First Name : ">
<s:TextInput id="fn" />
</s:FormItem>
<s:FormItem label="Last Name : ">
<s:TextInput id="ln" />
</s:FormItem>
<s:FormItem label="Email Address :">
<s:TextInput id="ea"/>
</s:FormItem>
<s:FormItem label="Re-enter Email Address :">
<s:TextInput id="rea"/>
</s:FormItem>
<s:FormItem label="Password :">
<s:TextInput id="pw" displayAsPassword="true" />
</s:FormItem>
<s:FormItem label="Re Enter Password :">
<s:TextInput id="rpw" displayAsPassword="true" />
</s:FormItem>
<s:FormItem label="Security Question">
<s:DropDownList>
<s:ArrayList>
<fx:String>Mother's maiden name?</fx:String>
<fx:String>Birthplace?</fx:String>
<fx:String>Pet's name?</fx:String>
<fx:String>Favourite destination</fx:String>
</s:ArrayList>
</s:DropDownList>
</s:FormItem>
<s:FormItem>
<s:Button label="Submit" click="abc()" />
</s:FormItem>
</s:form>

現在我這里有一個問題，就是如何增加dropdownmenu的寬度，使其看起來很棒。 如何根據內容更改寬度？

Answer 1

您可以嘗試

<Component width="100%" />

要么

<Component left="0" right="0" />

這要看你的目的