Adobe Flex 4.6 消除 GridItem 之间的间隙答案

【问题标题】：Adobe Flex 4.6 Remove Gap in between GridItemsAdobe Flex 4.6 消除 GridItem 之间的间隙
【发布时间】：2017-03-25 20:16:43
【问题描述】：

我使用的是 Flex 4.6，我对它还很陌生...我使用的是 Grid，我的 Grid 里面是一个 GridRow，这个 GridRow 里面有 3 个 GridItem，每个项目都有一个边框，但是在在每个项目之间，我无法弄清楚如何骑他们......这是我的代码：

<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>

任何帮助将不胜感激。

【问题讨论】：

标签： actionscript-3 apache-flex flex4

【解决方案1】：

这样做消除了差距：

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

就是这样！

【讨论】：