Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

การใช้คุณสมบัติเค้าโครงตาราง CSS


เค้าโครงตาราง คุณสมบัติคือการช่วยให้คุณควบคุมวิธีที่เบราว์เซอร์ควรแสดงหรือจัดวางตาราง คุณสมบัตินี้สามารถมีค่าใดค่าหนึ่งจากสามค่า:คงที่ อัตโนมัติ หรือรับค่า

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน CSS table-layout ทรัพย์สิน

<html>
   <head>
      <style>
         table.auto {
            table-layout: auto
         }
         table.fixed{
            table-layout: fixed
         }
      </style>
   </head>
   <body>
      <table class = "auto" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
      <br />
      <table class = "fixed" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
   </body>
</html>