0

したがって、borderContainer があり、その中にテキストがあり、テキストは常に左に 2 ～ 4 ピクセル移動します。完全に中央に配置する必要があります。

コード

<s:BorderContainer id="box" width="100%" borderWeight="0"
backgroundColor="0xffffff" borderVisible="false"
backgroundAlpha="1" horizontalCenter="1" textAlign="center">

<mx:Text id="text" fontSize="10" textAlign="center"
width="100%"/>

</s:BorderContainer>

私はテキスト horizo​​ntalCenter と verticalCenter = 0 , 1 , middle , center に対してすべてを試しましたが、オンラインであらゆる種類のことを行って 100% を削除しようとしましたが、完全に中央に配置することはできません:)どんな助けもいただければ幸いです

注: テキストは $19.99 などの数字になります :)

4

2 に答える 2

0

どのバージョンのフレックスを使用していますか? 私はちょうどあなたの例を試しました（センタリングを明確に見るために白い背景を赤いものに置き換えただけです）、センタリングは完璧です内部に mx:Text を含む BorderContainer。 左の境界線に 8px、右の境界線に 8px

Flex 4.6 を使用しました。ただし、mx:Text で使用するフォントを埋め込むことをお勧めします。多くのフォントでは、それらのフォントを埋め込むまで、テキストの測定は正しくありません。

于 2012-12-18T13:58:20.193 に答える
0

それはあなたを助けることができますか？

<s:Group x="100" y="200">

    <s:Label  
        text="$19.99" 
        textAlign="center" 
        height="20" 
        width="55" 
        paddingTop="5" 
        paddingLeft="5" 
        paddingRight="5" 
        paddingBottom="5"/>

    <s:Rect width="100%" height="100%">
        <s:stroke>
            <s:SolidColorStroke color="red"/>
        </s:stroke>
    </s:Rect>
</s:Group>

Rect を追加して、実際の境界線を表示しました。

于 2012-12-17T20:08:36.003 に答える