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

Posted

技术标签:

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

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

一张图片可以让您更好地了解: alt text http://www.freeimagehosting.net/uploads/d9657df077.jpg

有什么建议吗?

问候, BS_C3

【问题讨论】:

【参考方案1】:

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

的样式

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

.headerStyleClass 
        vertical-align:bottom;     

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

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

你应该得到想要的输出

【讨论】:

【参考方案2】:

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

<mx:HBox   verticalAlign="middle">
  <mx:Label text="data.name"/>
</mx:HBox>

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

【讨论】:

嗨。感谢您的回答。我考虑过使用headerRenderer,但没有其他方法吗?因为默认情况下,标题正确对齐...>_

以上是关于Flex - 垂直对齐 Datagrid 标题文本的问题的主要内容,如果未能解决你的问题,请参考以下文章

Flex Datagrid 列对齐数字

游戏网格的垂直对齐文本在 flex-box 中不起作用

与显示垂直对齐:inline-flex;结合SVG和文本[重复]

使用flex时垂直对齐[重复]

垂直对齐底部 div 与不同大小的文本

DataGrid 行内容垂直对齐