2011-07-12 22 views
13

Tôi có một số HTML có thể nhúng Javascript vào một trang web. HTML cuối cùng tôi tiêm trông giống như:Tôi làm cách nào để điền đầy đủ <table> 100% với <tbody> bằng HTML?

<table style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;"> 
    <tbody style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;"> 

Vì một lý do nào đó khi tôi kiểm tra tbody trong Firebug, kích thước của nó có vẻ nhỏ hơn 4 lần so với bảng. Làm cách nào để tôi điền thông tin?

Trả lời

13

thử thêm css sau vào bảng của bạn:

border-collapse: collapse; 
+0

Cảm ơn bạn đã phản hồi nhanh! Có điều này cố định nó! Tôi tự hỏi tại sao mặc dù mặc dù tôi đã chỉ định chiều rộng đường viền là 0 nhưng nó không có tác dụng tương tự. – Zaheer

13

Hãy thử thêm:

border-collapse: collapse; 

Để table của bạn. Hoặc thử thiết lập:

display: block; 

hoặc

display: table 

trên các yếu tố tbody.

+0

Điều này có lẽ sẽ tốt hơn như một bình luận hoặc thực sự cung cấp một câu trả lời và sau đó một số ý kiến ​​thêm? –

+1

Đề xuất hay, tôi đã chỉnh sửa câu trả lời của mình. –

+0

Yep thats rõ ràng hơn nhiều. –

Các vấn đề liên quan