CSS table-layout property ব্যবহার

table-layout property ব্রাউজারের টেবিল রেন্ডারিং বা লেআউট নিয়ন্ত্রণে সাহায্য করে। এই property-র তিনটি মান হতে পারে: fixed, auto, inherit।

উদাহরণ

নিচের কোডটি রান করে CSS table-layout property-র ব্যবহার শিখুন:

<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>

পার্থক্য: auto (ডিফল্ট) - কন্টেন্ট অনুযায়ী কলাম প্রস্থ সমায়োজন করে। fixed - টেবিল ও কলামের প্রস্থ ফিক্সড থাকে, দ্রুত রেন্ডার হয়। বড় টেবিলের জন্য fixed ভালো।