Computer >> Máy Tính >  >> Lập trình >> Javascript

Cách sử dụng thuộc tính bố cục bảng CSS

Bố cục bảng thuộc tính giúp bạn kiểm soát cách trình duyệt hiển thị hoặc sắp xếp một bảng. Thuộc tính này có thể có một trong ba giá trị:cố định, tự động hoặc kế thừa.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai CSS table-layout tài sản

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