html怎么自适应表格

这篇文章主要讲解了“html怎么自适应表格”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“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,放删除按钮。

第一个和第三个宽度可以设置小一点,让内容自己去展开。

感谢各位的阅读,以上就是“html怎么自适应表格”的内容了,经过本文的学习后,相信大家对html怎么自适应表格这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!