方法一:
HTML里的sup和sub分别是上标和下标,语义清晰。但是在某些浏览器中有问题。
例如:
H<sup>2</sup>O
H<sub>2</sub>O
方法二:
使用表格布局来实现:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>网页上标、下标的实现方法</TITLE> </HEAD> <BODY>
<div align="left"> <table border="1" width="102" height="38" cellpadding="0" bordercolor="#FFFFFF"> <tr> <td width="18" height="38" rowspan="2"><b><font size="7"><i>H</i></b></td> <td width="25" height="10"></td> <td width="28" height="38" rowspan="2"><b><i><font size="7">O</i></b></td> </tr> <tr> <td width="25" height="38"><b><i><font size="5">2</i></b></td> </tr> </table> </div> </BODY> </HTML>