Thiết rộng cột tỷ lệ thuận với <col width = "x *" />

Question

Tôi cố gắng để thiết lập độ rộng cột tỷ lệ thuận với <col width="x*" />:

<table width="600px"> 
    <col width="1*" /> 
    <col width="2*" /> 
    <col width="3*" /> 
    <tbody> 
     <tr> 
      <td style="border: 1px solid black;">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA 
      </td> 
      <td style="border: 1px solid black;">BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB 
      </td> 
      <td style="border: 1px solid black;">CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC 
      </td> 
     </tr> 
    </tbody> 
</table> 

Mặc dù thiết lập tỉ lệ trong <col> thẻ, độ rộng cột đều bình đẳng. Tôi làm gì sai?

Answer 1

bạn có thể sử dụng 17%, 34% và 49%. cho 1: 2: 3

Answer 2

Tôi đã cố gắng để làm điều này để làm việc trong tất cả các trình duyệt chính nhưng cũng đã thất bại. Google mang lại rất ít ngoại trừ thông số chính thức.

Tôi kết luận rằng chiều rộng cột tỷ lệ chỉ đơn giản là không được hỗ trợ bởi bất kỳ trình tạo trình duyệt nào. Rất kỳ lạ, vì nó có vẻ rất hữu ích so với một số công cụ bí truyền hơn được hỗ trợ ngày nay.