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>

我已经尝试了所有文本horizo​​ntalCenter和verticalCenter = 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一起使用的字体：文本 - 对于许多字体，在嵌入这些字体之前，文本测量不正确。