html自适应表格的一种方法

发布时间:2020-03-05编辑:脚本学堂
html自适应表格的一种方法,供大家参考。

代码如下:

<body style="scroll:no">
  <table width="100%" height="100%">
   <tr>
    <td height="10px" id="conditions"></td>
   </tr>
   <tr>
    <td id="Content"></td>
   </tr>
   <tr>
    <td height="10px" id="btns">
     <input type="button" id="btnDel" value="删除" />
    </td>
   </tr>
  </table>
 </body>

说明:
以上表格分为3部分。
第一个id为conditions,放查询条件。
第二个id为Content,放显示内容。
第三个id为btnDel,放删除按钮。

第一个和第三个宽度可以设置小一些,方便内容自展开。