2012-01-09 52 views
6

là có cách nào để có cột trái, đầu tiên có độ rộng tối thiểu ...... như 50%.Chiều rộng tối thiểu của cột bảng đầu tiên

Tôi có một số lượng bảng riêng biệt khác nhau (với các tiêu đề khác nhau để chúng là các phần dữ liệu riêng biệt).

Rõ ràng các cột bảng thay đổi chiều rộng theo lượng nội dung nằm trong đó ... nếu cần thêm dung lượng thì sẽ chiếm nhiều không gian hơn từ các cột khác trong cùng một bảng ... điều đó thật tuyệt nhưng khi có rất nhiều không gian và nó không cần bất kỳ không gian thêm sau đó rất nhiều của nó ngăn nắp nếu tất cả họ đều chỉ ở lại cùng chiều rộng ... như 50%

http://jsfiddle.net/mqatP/5/

Bất kỳ ý tưởng làm thế nào để làm điều này mà không cần xét nghiệm trong PHP bao nhiêu nội dung đang đi vào bên trong chúng và thêm các lớp khác nhau?

Cảm ơn, Dom

Trả lời

5

Tôi rất ngạc nhiên khi biết rằng min-width không hoạt động rick. Tuy nhiên, sau khi chơi với nó trong một thời gian, tôi đã xem qua giải pháp này:

td:first-child { 
    width: 40%; 
    white-space: nowrap; 
} 
+0

này có vẻ là khá mát mẻ. Thậm chí chiều rộng: 50% cũng hoạt động. Vì vậy, nó giữ cho tất cả các liên kết nếu có đủ không gian và sử dụng không gian nếu nó có nó. Tôi có 3 cột đôi khi mà vít lên những người nhưng tôi nghi ngờ họ có thể được cố định mà không có một col-2, col-3 và phong cách khác nhau cho mỗi. –

+0

Mặc dù, nếu bạn có văn bản quá dài thì nó tràn hơn là gói ... nhưng tôi đoán không có cách nào khác –

2

tôi sẽ đề nghị bạn thử này để sửa chiều rộng bảng trong css

table-layout:fixed; 

và trong cú pháp JavaScript là: object.style.tableLayout="fixed"

+0

Tôi đoán đây là giải pháp nhưng lực lượng sạch gói khi có không gian mà nó có thể sử dụng –

1

Bạn có thể sử dụng

tbody>tr>td:nth-child(1), 
tbody>tr>td:nth-child(2), 
tbody>tr>td:nth-child(3) { width: 50%; } 
Các vấn đề liên quan