Adob​​e Flex 4.6 GridItems間のギャップを取り除く

Question

私はFlex 4.6を使用しています。私はグリッドを使用しています。グリッド内は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> 

。これを行う

Answer 1

はギャップ削除：

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

をし、それのthats！