a1的平方 + b2的立方 = c3的10次方
在网上搜索了一下,有两种方式解决,
但对我来说都有点问题,不知应该如何解决?
方法一:在sup标签或sub标签里,加入 style="margin-top:-15px",
但我在Firefox游览器里测试,上下没效果?左右有效果,但文字有重叠。
如何才能把上标下标的垂直距离拉开?
代码: 全选
<html>
<body>
文字<sup>上标</sup><sub style="margin-top:-15px">下标</sub>测试
<br>
文字<sup>上标</sup><sub style="margin-left: -2em">下标</sub>测试
</body>
</html>
这上标下标的垂直距离是拉开了,但却跑到前面文字里头,和前面的文字重叠了。
而且似乎 Sample Text 1 和 Sample Text 2 不能串联起来?
这样的话,一行数学公式就被打断,变成二行了。
应该让上标下标接在前面文字的后面,并且往后还能继续其它文字(在同一行里)?
代码: 全选
<html>
<head>
<style>
supsub {position: absolute;}
subscript{color: green; display:block; position:relative; left:1em; top: -5px;}
superscript{color: red; display:block; position:relative; left:1em; top: -5px;}
</style>
</head>
<body>
<br><supsub>Sample Text 1 </supsub>
<sup><superscript>Sup 1</sup>
<sub><subscript>Sub 1</sub>
<supsub>Sample Text 2</supsub>
<sup><superscript>Sup 2</sup>
<sub><subscript>Sub 2</sub>
</body>
</html>