CSS - bố cục bảng

Sự miêu tả

Thuộc tính table-layout xác định phương thức layout được sử dụng để hiển thị bảng.

Những giá trị khả thi

  • auto- Bảng nên được bố trí theo một số thuật toán bố cục tự động. Trình duyệt thực hiện điều này tự động.

  • fixed - Bàn phải được bố trí theo phương pháp bố trí bàn cố định đã cung cấp.

Áp dụng đối với

Tất cả các phần tử có màn hình bảng hoặc bảng nội tuyến.

Cú pháp DOM

object.style.tableLayout = "fixed";

Thí dụ

NOTE - Thuộc tính này không được nhiều trình duyệt hỗ trợ nên không dựa vào thuộc tính này.

<html>
   <head>
      <style type = "text/css">
         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>

Điều này sẽ tạo ra kết quả sau:


Language