网页中的上标和下标实现
网页开发中要显示带有上下标的文字,如下图:
方法一：
HTML里的sup和sub分别是上标和下标，语义清晰。但是在某些浏览器中有问题而且页面显示效果也不是很好。
例如：
<div>产能部署10<sup>4</sup>t</div>
<div>H<sub>2</sub>O</div>
效果如下图:
方法二:
直接用现有的上下标:
上标: 10⁴m³ 10² 10³ ⁸ ⁵ ⁴ ⁶ ⁷ ⁹ ⁰ ¹
下标: ᵣ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉
如下图:
效果如下:
这样展示的效果要好很多,使用又很简单
参考:https://www.cnblogs.com/fzj16888/p/5515661.html
