Question

下面的代码生成两组带有彩色背景的组和它们之间的边距。香港专业教育学院尝试了明显的CSS修复（margin-top / bottom等），但它似乎没有任何好处。有谁知道我怎么做到这一点？



    <s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
        <s:Group id="topBar" width="100%" height="10%" bottom="0">
            <s:Rect width="100%" height="100%">
                <s:fill><s:SolidColor color="black" /></s:fill>
            </s:Rect>
        </s:Group>

        <s:Group id="contentBar" width="100%" height="90%" top="0">
            <s:Rect width="100%" height="100%">
                <s:fill><s:SolidColor color="red" /></s:fill>
            </s:Rect>
        </s:Group>
    </s:VGroup>

<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> <s:Group id="topBar" width="100%" height="10%" bottom="0"> <s:Rect width="100%" height="100%"> <s:fill><s:SolidColor color="black" /></s:fill> </s:Rect> </s:Group> <s:Group id="contentBar" width="100%" height="90%" top="0"> <s:Rect width="100%" height="100%"> <s:fill><s:SolidColor color="red" /></s:fill> </s:Rect> </s:Group> </s:VGroup>

Answer 1

你是说你想摆脱VGroup的子元素之间的差距？

您可以在组中设置gap = 0，如：

<s:VGroup gap="0" />

希望有所帮助。

Flex 4.5 - s：组默认边距？

1 个答案: