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

发布于 2024-08-27 03:39:10 字数 316 浏览 5 评论 0原文

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

一张图片可以让您更好地了解: 替代文本 http://www.freeimagehosting.net/uploads/d9657df077.jpg

任何提示?

问候, BS_C3

I'm having some issues aligning the header text of a datagrid.
I'm using an embed font for the header text, and when applying the css, the header text behaves as if I'd set the text vertical align to top.
I'm trying to vertically center the text, but haven't found a way to make it work.

An image to give you a better idea:
alt text http://www.freeimagehosting.net/uploads/d9657df077.jpg

Any tip?

Regards,
BS_C3

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

2024-09-03 03:39:10

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

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

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

Are you using a headerRenderer? A simple headerRenderer might look like:

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

This will center the label vertically inside the box. You can position horizontally as well.

紫竹語嫣☆ 2024-09-03 03:39:10

快一岁了,但还是..
样式

添加类似// can be top/middle/bottom 的

.headerStyleClass {
        vertical-align:bottom;     
}

,然后在您的列中使用此样式,如下所示

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

您应该获得所需的输出

Almost a year old but nevertheless..
Add a style like

// can be top/middle/bottom

.headerStyleClass {
        vertical-align:bottom;     
}

and then make use of this style in your column as follows

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

You should get the desired output

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文