Tạo ô "Tham lam"?

Question

Tôi có một hàng trong một bảng có 3 ô trong đó với các giá trị A, B và C và bảng có chiều rộng toàn màn hình, đó là quá đủ chỗ cho tất cả 3. Ngay bây giờ, khi chúng hiển thị , tất cả các tế bào đều nhận được 1/3 phòng, nhưng đây không phải là thứ tôi muốn. Tôi muốn các ô thứ 2 và thứ 3 là kích thước "chính xác" của chúng, và ô đầu tiên sẽ chiếm được sự khác biệt. Tôi không thể chỉ đặt chiều rộng trên chúng bởi vì chúng có kích thước động. Tôi có thể làm cái này như thế nào?

Answer 1

tôi đã cố gắng phương pháp Diodeus và Rune, nhưng nó không làm việc cho ví dụ của tôi. Tôi đã kết thúc việc hợp nhất các tế bào B và C vì tôi không thể tìm thấy bất cứ thứ gì. Cảm ơn bạn đã giúp đỡ.

Answer 2

Mã Một và C bằng pixel và cung cấp cho B có chiều rộng 100%

Answer 3

Chỉ cần thiết lập chiều rộng của bảng đến 100%, độ rộng của A đến 100% và B và C để tự động. Tested và làm việc

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A</td> 
     <td width="auto">BB</td> 
     <td width="auto">CCC</td> 
    </tr> 
</table> 

Answer 4

Cố gắng,

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%" height="100" style="background:#ff0000; display:block">A</td> 
     <td width="100%" height="100" style="background:#00ff00; display:block">BB</td> 
     <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td> 
    </tr> 
</table> 

Answer 5

Câu trả lời của Rune với nhận xét của Pistos khiến tôi gần gũi. Bước cuối cùng là thêm style = "white-space: nowrap" vào cột không tham lam, cho:

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A wide column</td> 
     <td style="white-space:nowrap">Compact column 1</td> 
     <td style="white-space:nowrap">Another compact column</td> 
    </tr> 
</table> 

trình cho tôi trong Firefox 25.