图片怎么居中

图片如何居中啊
<mx:HBox width="100%" height="380" >
<mx:DataGrid id="queryFeatureResultGrid" width="100%" rowHeight="30" height="100%" top="0" editable="false" doubleClickEnabled="true" horizontalScrollPolicy="{ScrollPolicy.AUTO}">
<mx:columns >
<mx:DataGridColumn dataField="icon" headerText="类型" textAlign="center">
<mx:itemRenderer >
<mx:Component >
<mx:Image verticalAlign="center" width="30" height="30" source="{data.icon}"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="type" headerText="说明" textAlign="center" />
<mx:DataGridColumn dataField="num" headerText="数量" textAlign="center" />
</mx:columns> 
</mx:DataGrid>
</mx:HBox>
请问如何让图片<mx:Image 居中啊

------解决方案--------------------
让Image外部容器设置水平居中，如果不行，就设置图片的x，x=(容器.width-image.width)/2
------解决方案--------------------
horizontalAlign="center"
------解决方案--------------------
horizontalAlign="center"
up +1
------解决方案--------------------
将图片放到容器里面，然后设置图片的verticalCenter=0
------解决方案--------------------
使用horizontalAlign="center"属性，
或者设置percentWidth = 100，percentHeight = 100可以是图片充满总个单元格，
另外设置maintainAspectRatio = false可以使图片不用按长宽比率缩放。
------解决方案--------------------
horizontalAlign="center"
------解决方案--------------------
horizontalCenter="0" VerticalCenter="0"
------解决方案--------------------
在容器中还是在页面中？在容器中的话，只有设置horizontalAlign="center"，但是在页面中的话，要计算一下页面的总宽度和长度，在用x ，y的坐标来控制
------解决方案--------------------
或者试试flexlib 2.5 开源的类库，里面有一个advancedDataGrid的组件，功能比DataGrid强大很多，象你这种居左，居中的问题，里面有相应的属性，很方便。
------解决方案--------------------
外面套个group容器，设置居中

------解决方案--------------------
horizontalAlign="center"; //左右居中
verticalAlign="middle"; //上下居中
------解决方案--------------------
设置属性不行,就设置外部容器的居中属性
------解决方案--------------------
<mx:HBox verticalAlign="center">
<mx:Image width="30" height="30" source="{data.icon}"/>
</mx:HBox>
------解决方案--------------------
horizontalAlign="center"
兄弟试试看。

不行就通过css来控制，方法是给<mx:Image verticalAlign="center" width="30" height="30" source="{data.icon}"/>
里加入 id 一项属性，比如id=“test”，之后再内嵌css语句，如下：
[code=JScrip]t
#test
{
align：center;
}
[/code]
试一下。

------解决方案--------------------
horizontalAlign="center"
兄弟试试看。

不行就通过css来控制，方法是给<mx:Image verticalAlign="center" width="30" height="30" source="{data.icon}"/>