Flex表格：如何根据内容自动更改表格宽度

Question

I am creating a flex form whose code is as follows:-
<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>

Now here i have a problem that is, how to increase the width of dropdownmenu so that it looks great. How to make the width change based on the content?

Answer 1

You can try either

<Component width="100%" />

or

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

It depends on your purposes,