標籤在手機上的FormItem中沒有正確對齊

FormItem在手機上未正確對齊。有沒有解決這個問題？標籤在手機上的FormItem中沒有正確對齊

<s:Form width="100%" backgroundColor="#ff0000"> 
    <s:FormItem label="First Name" width="100%" > 
     <s:TextInput id="firstName" width="100%" borderAlpha="0" /> 
    </s:FormItem> 

    <s:FormItem label="Last Name" width="100%" > 
     <s:TextInput id="lastName" width="100%" borderAlpha="0" /> 
    </s:FormItem> 
</s:Form>

FormItem in mobile

注：在設置上HGroup基線同樣的事情發生。

<s:HGroup width="100%" verticalAlign="baseline"> 
     <s:Label text="First Name" /> 
     <s:TextInput id="a" width="100%" 
        height="32" 
        minHeight="0" 
        paddingTop="0" paddingBottom="0" 
        borderVisible="false" 
        contentBackgroundAlpha="0" 
        contentBackgroundColor="#00ff00" 
        focusAlpha="0"/> 
    </s:HGroup>

HGroup aligned to baseline

來源

2012-11-19 1.21 gigawatts

你使用Flex 4.6或4.7 SDK？ –

我使用SDK 4.6 –

我認爲它可能與移動設備上的嵌入字體有關。必須檢查更多。 –

添加布局的形式垂直對齊方式設置爲中等：

<s:Form width="100%" 
     backgroundColor="#ff0000"> 

    <s:layout> 
     <s:VerticalLayout verticalAlign="middle" /> 
    </s:layout> 

    <s:FormItem label="First Name" 
       width="100%"> 
     <s:TextInput id="firstName" 
        width="100%" 
        borderAlpha="0" /> 
    </s:FormItem> 

    <s:FormItem label="Last Name" 
       width="100%"> 
     <s:TextInput id="lastName" 
        width="100%" 
        borderAlpha="0" /> 
    </s:FormItem> 

</s:Form>

來源

2012-11-19 07:25:22

標籤在手機上的FormItem中沒有正確對齊

回答

相關問題