Làm cách nào để đặt chiều rộng tối thiểu tự động trên cột bằng css?

Question

Tôi đang cố gắng tạo bảng có hai cột là chiều rộng nhỏ nhất cần thiết để chứa nội dung và cột thứ ba sẽ càng rộng càng tốt. Tôi biết làm thế nào rộng hai cột sẽ được và họ sẽ không thay đổi nhiều, nhưng tôi sẽ thay vì ít chiều rộng mã hóa cứng nhất có thể.

Đây là những gì tôi nhận:

​<table width="100%"> 
    <tr> 
     <td align="left" style="width:auto;"> 
      123 123 123 123 123 
     </td> 
     <td align="center"> 
      bla bla 
     </td> 
     <td align="right" style="width:auto;"> 
      hello 
     </td> 
    </tr> 
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Các cột đầu tiên và cuối cùng sẽ chiếm nhiều chỗ hơn mức cần thiết gây ra cột ở giữa để không nhìn làm trung tâm. Có cách nào để làm điều này hay tôi nên chỉ hardcode chiều rộng?

Chỉnh sửa: Câu trả lời rất đơn giản. Dưới đây là câu trả lời đầy đủ trong trường hợp nó giúp bất cứ ai khác:

​<table width="100%"> 
    <tr> 
     <td align="left" style="white-space:nowrap;"> 
      123 123 123 123 123 
     </td> 
     <td align="center" width="100%"> 
      bla bla 
     </td> 
     <td align="right"> 
      hello 
     </td> 
    </tr> 
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Answer 1

Vâng, bạn đã bảng của bạn thiết lập để 100% chiều rộng .. nó phải mở rộng một cái gì đó :-)

Answer 2

Tại sao bạn không sử dụng tỷ lệ cho chiều rộng? Chiều rộng 100% mở rộng các cột và nếu các cột không có chiều rộng đã đặt, nó sẽ thêm số tiền còn lại so với phần còn lại của các cột.