<html> <script language="JavaScript"> function changFont( x ){ document.getElementById("sub_title").style.verticalAlign = x; } </script> <body> <p> <a onClick="changFont('sub');">下标样式</a> <a onClick="changFont('super');">上标样式</a> </p> <p> 我爱开发网<span id="sub_title">每一点进步,都是我们通往成功道路上的坚实脚印</span> </p> </body> </html>
在该例子中,通过 JavaScript 控制文本 CSS vertical-align 样式的方式,来动态改变字体文本的上下对齐方式(上标/下标)。