HTML中垂直居中的子脚本和超级脚本

有没有办法同时将子脚本和超级脚本垂直居中？我想要垂直居中的“e”和“r”

erTeam 1

---

当然有，但是您几乎必须去掉这些标签固有的所有默认样式。因此，您最好使用跨距

你还需要一个包装器，这样你就可以按照你想要的方式排列它们……我用过flexbox，但我肯定还有其他方法

正文{
字体大小：36px；
文本对齐：居中；
}
跨度柱{
弯曲方向：立柱；
显示：内联flex；
弯曲方向：立柱；
证明内容：中心；
文本对齐：居中；
垂直对齐：文本顶部；
}
啜饮，
潜艇{
排名：0；
底部：0；
线高：1；
字体大小：.5em；
}

呃
第一队

如果您不介意[sub][super]脚本使用单空格字体，可以执行以下操作：

span{
字体：20px verdana；
}
副手{
字体系列：monospace；/*使字母具有相同的宽度，以便变换将其正确对齐*/
}
辅助+辅助{
显示：内联块；/*转换对内联元素无效*/
变换：translateX（-100%）；/*向后移动*/
}

---

erTeam 1

再多一个解决方案注意仅当您的子或上标中有1个字母时，此选项才有效

span{
字体大小：30px；
位置：相对位置；
左侧填充：0.5em
}
啜饮，
潜艇{
位置：绝对位置；
左：0；
线高：0.8；
字体大小：.6em；
}
苏普{
排名：0；
}
潜艇{
底部：0；
}

---

erTeam 1

您想更改html结构吗？我的意思是如果需要的话，我可以更改。如何？我必须等待不同的答案，以应对您答案中的大量更改。子脚本和超级脚本（如“e”、“r”）中的文本保持不变？或者你可以改变它并添加一些其他符号（如“eeee”、“rrrr”）？什么浏览器支持这个？基本上是IE10及以上。

<span><sup>e</sup><sub>r</sub>Team 1</span>