微信小程序标签显示上标/下标

Posted 2023-04-12

参考技术A 微信小程序不支持html中的上标 <sup> 与下标 <sub> 标签元素，当我们需要显示数学符号或者单位符号中上下标时，只有自己定义css模拟相应的效果：

在 app.wxss 中添加定义：

如何在 flex 中为按钮标签添加下标/上标？

【中文标题】如何在 flex 中为按钮标签添加下标/上标？

【英文标题】：How to add subscript/superscript to buttons label in flex?

【发布时间】：2011-11-22 03:09:25

【问题描述】：

我需要在按钮标签上添加下标或上标和普通文本。但据我了解，按钮的标签属性是简单标签，如果是 RichText 就很容易了。 我需要下标/上标 + 普通文本。此外，我不能在皮肤类中使用 2 个标签，我只能在皮肤类中使用 1 个标签或 1 个 RichText，因为据我了解 labelDisplay 仅适用于皮肤类中的一个标签。另外我的按钮不是固定的。

那么大家有什么想法可以为按钮完成这项工作吗？

【问题讨论】：

创建一个使用 RichText 的自定义按钮组件？投票结束。

【参考方案1】：

这是我找到的解决方案：

下载并安装 GG 下标和 GG 上标 TrueType 字体。安装字体后需要重启 Flash 软件。 创建一个嵌入 Arial 字体的文本字段。将 HTML 属性设置为 true。 创建一个嵌入 GG 下标字体的动态文本字段。 创建一个嵌入 GG 上标字体的动态文本字段。

使用 htmltext 将文本设置为下标或上标，如下所示：

my_txt.text = "Adobe<font face=\"GG Superscript\">TM</font>"

这是文本字段的旧解决方案。 mx:Label 支持 htmltext，它可以工作。我想。