在 Adobe Flex 中的 hgroup 中对齐底部

【问题标题】：Align bottom in hgroup in Adobe Flex在 Adobe Flex 中的 hgroup 中对齐底部
【发布时间】：2017-07-13 11:52:38
【问题描述】：

我的 HGroup 有两个标签，如下所示：

<s:HGroup verticalAlign="bottom" gap="1">
    <s:Label text="12" fontSize="15"  />
    <s:Label text="14" fontSize="25"  />
</s:HGroup>

两者都有不同的字体大小。因此，第二个标签显示高于第一个。我怎样才能让它们底部对齐？

【问题讨论】：

标签： actionscript-3 apache-flex

【解决方案1】：

标签已经在底部对齐，但它们具有不同的内部偏移量，具体取决于字体大小，因此具有下降基线的字母（如“g”或“j”）仍然适合。

因此，如果您想对齐数字，则应将文本与下降基线对齐：

<s:HGroup verticalAlign="bottom" gap="1">
    <s:Label text="12" fontSize="15" alignmentBaseline="descent" />
    <s:Label text="14" fontSize="25" alignmentBaseline="descent" />
</s:HGroup>

更多关于here

【讨论】：