微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题简单公式的网页排版
栏目网络与通信
作者s.d.vn
发布2001年16期
  我们在编辑网页时有时会用到显示公式,大多数公式是使用装载.gif图像实现的,我给大家介绍一个方法──在网页排版时只有加减乘除的简单公式。
  我的公式是:
  汇总表中分项项目实得分数=汇总表中该项应得满分分值×该项检查实得分数/100
  HTML代码如下:
  <table width=“75%” border=“0” align=“center”>
  <tr>
  <td rowspan=“3” width=“30%” align=“center” valign=“middle”>汇总表中分项项目实得分数</td>
  <!--表格单元宽度必须使用相对数值%,加减乘符号应用绝对数值--->
  <td rowspan=“3” align=“center” valign=“middle”>=</td>
  <td width=“33%” align=“center” valign=“middle”>汇总表中该项应得满分分值</td>
  <td align=“center” valign=“middle” width=“4%” nowrap>×</td>
  <td width=“30%” align=“center” valign=“middle”>该项检查实得分数</td>
  </tr>
  <tr>
  <!--除号的横线-->
  <td colspan=“3” align=“center” valign=“middle” bgcolor=“#000000” bordercolor=“#000000”>
  <div id=“Layer2” style=“position:absolute; overflow: hidden; background-image: url(/work/tb_bg.gif);layer-background-image: url(/work/tb_bg.gif); border: 1px none #000000”></div>
  </td>
  </tr>
  <1-->
  <tr>
  <td colspan=“3” align=“center” valign=“middle” nowrap>100</td>
  </tr>
  </table>
  本例中除号的实现是关键,如果用直线,分子与分母的距离较大,显示不太美观;如果用表格单元的边框实现,则横线的宽度最少2个像素,明显较粗。本例中用表格单元的黑色背景上显示宽1个像素的透明线(tb_bg.gif 1024×1),较好的解决了以上两个问题。这个方法也可以用来实现页眉、页脚的效果,有兴趣的朋友可以看一下我的主页(http://lcja.126.com)。