柔性HBOX对准

我尝试了弹性造型,遇到了一个对齐问题。

我有两个图像组件在一个 HBox 和 Hbox 里面 Canvas ,它依次位于主应用程序内部。

<mx:Canvas id="Navigation"
    horizontalCenter="0"
    bottom="0"
    left="0"
    right="0"
    visible="true"
    height="40"
    styleName="transparent">

    <mx:HBox 
        styleName="ControlContainer"
        horizontalCenter="0"
        width="150">

        <mx:Image id="left"
            source="@Embed(source='left.png')"
            left="0"/>

        <mx:Image id="right"
            source="@Embed(source='right.png')"
            right="0"/>
    </mx:HBox>
</mx:Canvas>

自定义CSS:

    .transparent {
        backgroundAlpha: 0.7;
        background-color: white;
    }
    .ControlContainer {

    }

就像你看到的,我给了画布背景,还有一点透明度。

但是那里有一个 HBox公司 ,宽度为150px,内部有两个图像,每个图像为40x40,因此在本例中, Hbox 应该是150x40,这对我想做的很好。

但这两个图像并排,我希望左图像与 Hbox 和右边的图像。

我试过了 text-align 但没什么,我的猜测是flex CSS的行为方式与专注于HTML的CSS不同。

那我该怎么做呢?

附言:如果有人知道一些好的网站 关于flex样式、flex css或flex 定制,如果你 在评论中给我留几个链接。