Flex - 垂直对齐 Datagrid 标题文本的问题答案

【问题标题】：Flex - Issues vertically aligning Datagrid header textFlex - 垂直对齐 Datagrid 标题文本的问题
【发布时间】：2011-01-31 08:58:26
【问题描述】：

我在对齐数据网格的标题文本时遇到了一些问题。我正在为标题文本使用嵌入字体，并且在应用 css 时，标题文本的行为就像我将文本垂直对齐设置为顶部一样。我正在尝试使文本垂直居中，但还没有找到使它起作用的方法。

有什么建议吗？

问候， BS_C3

【问题讨论】：

【解决方案1】：

差不多一岁了，但是.. 添加类似

的样式

// 可以是顶部/中间/底部

.headerStyleClass {
        vertical-align:bottom;     
}

然后在你的专栏中使用这种风格，如下所示

 <mx:AdvancedDataGridColumn dataField="xyz"   headerText="Deriv/FX" ***headerStyleName="headerStyleClass">***

你应该得到想要的输出

【讨论】：

【解决方案2】：

您使用的是headerRenderer 吗？一个简单的 headerRenderer 可能如下所示：

<mx:HBox width="100%" height="100%" verticalAlign="middle">
  <mx:Label text="{data.name}"/>
</mx:HBox>

这将使标签在框内垂直居中。您也可以水平放置。

【讨论】：