HTML 5 和

作者: 丶灰太狼他叔 | 来源:发表于2017-12-21 14:52 被阅读12次

sub=subString：子串，子链。即儿子辈的，也就是下标

sup=superString：这个很明显，是上标的意思。

实例：

    <p>这段文本包含 <sub>下标</sub></p>
    <p>这段文本包含 <sup>上标</sup></p>

样式：

sub&sup.png

具体应用举例1：方程式

<div>  
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15  
</div>

例1结果：

例1.png

具体应用举例2：价格修饰

<style type="text/css">  
<!--  
body { font:12px/1.8 Tahoma}  
span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;}  
span.price sub { vertical-align:baseline; font-size:12px;}  
span.price sup { vertical-align:text-bottom; color:#555}  
-->  
</style>  
<body>  
<span class="price"><sup>￥</sup>43.<sub>26</sub></span>  
</body>

例2结果：

例2.png