DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 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,放刪除按鈕。

第一個和第三個寬度可以設置小一點,讓內容自己去展開。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved