Adobe Flex 4.6 消除了 GridItems 之间的间隙

Question

我正在使用 Flex 4.6，我对它还很陌生...我正在使用一个网格，在我的网格中有一个 GridRow，在这个 GridRow 中有 3 个 GridItems，每个项目都有一个边框，但是有一个每个项目之间的差距，我无法弄清楚如何乘坐它们......这是我的代码：

<mx:Grid>
        <mx:GridRow>
            <mx:GridItem width="101" height="52.25" horizontalAlign="center" verticalAlign="middle" borderStyle="solid" borderColor="gray">
                <mx:Image source="assets/ruler-icon.png" />
                <s:Label text="{r.currentItem.sqft} sq.ft." fontSize="10" color="#808080" fontFamily="Helvetica" />
            </mx:GridItem>
            <mx:GridItem width="101" height="52.25" horizontalAlign="center" verticalAlign="middle" borderStyle="solid" borderColor="gray">
                <mx:Image source="assets/bed-icon.png" />
                <s:Label text="{r.currentItem.bed}" fontSize="10" color="#808080" fontFamily="Helvetica" />
            </mx:GridItem>
            <mx:GridItem width="101" height="52.25" horizontalAlign="center" verticalAlign="middle" borderStyle="solid" borderColor="gray">
                <mx:Image source="assets/bath-icon.png" />
                <s:Label text="{r.currentItem.bath}" fontSize="10" color="#808080" fontFamily="Helvetica" />
            </mx:GridItem>
        </mx:GridRow>
</mx:Grid>

任何帮助将不胜感激。

Answer 1

这样做消除了差距：

<mx:Grid verticalGap="0" horizontalGap="0">
</mx:Grid>

就是这样！

Adobe Flex 4.6 消除了 GridItems 之间的间隙

Adobe Flex 4.6 Remove Gap in between GridItems

actionscript-3

apache-flex

flex4