mx Текст не центрируется в bordercontainer

Question

Итак, у меня есть 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>

Я попробовал все, чтобы текст горизонтальный центр и вертикальный центр = 0, 1, средний, центр также пытался удалить 100 %, делая все виды онлайн, но просто не могу заставить его идеально отцентрировать:) любая помощь будет признательна

Примечание: в тексте будут цифры, такие как $19,99 или аналогичные:)

Answer 1

Это может вам помочь?

<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, чтобы показать вам реальную границу.

Answer 2

Какую версию flex вы используете? Я только что попробовал ваш пример (только заменил белый фон на красный, чтобы четко видеть центрирование), и центрирование идеально

Я использовал flex 4.6. Однако я могу посоветовать вам встроить тот шрифт, который вы используете в mx:Text - для многих шрифтов измерение текста некорректно, пока эти шрифты не будут встроены.