Flex百分比宽度不起作用

时间:2012-10-26 20:49:12

标签: css flex flex3

我有一个尺寸为600 X 400的TitleWindow。这里有一堆VBox,我想要占据它们所包含的标题窗口宽度的80%左右。 但他们似乎没有注册百分比宽度属性。这就是其中一个VBoxes的样子

    <mx:VBox  styleName="vboxes">
.vboxes
        {
            cornerRadius:4;
            border-style:solid;
            percent-width:80;
            padding-left:5px;
            padding-right:5px;
            padding-bottom:5px;
            padding-top:5px;
        }

其他CSS属性(如border-style和corner-radius)似乎注册正常,但percent-width属性失败。另一方面,在这种情况下,即使是宽度样式属性也会失败。

有人知道这里有什么问题吗?

2 个答案:

答案 0 :(得分:1)

并非每个Flex属性都可通过CSS获得。事实上,我会说更多不是。据我所知,您无法通过CSS为任何组件设置组件的尺寸。您还使用了有效的属性名称。

请参阅VBox styles here.

的Adobe LiveDocs文档

答案 1 :(得分:1)

坏消息,宽度/高度,percentWidth / percentHeight不是CSS属性,而是Flex 3中的属性。

好消息是,Flex支持自定义CSS,这意味着您可以定义自己的样式。这意味着您需要覆盖styleChanged的{​​{1}}方法,例如:

VBox