2010-03-29 47 views
19

Mẫu (với firebug nổi bật di td):Điều chỉnh độ rộng cột bảng kích thước nội dung

example http://img52.imageshack.us/img52/4377/testeyy.png

Label cột CSS:

width: auto; 
padding: 0; 
margin: 0; 

Vấn đề:

Tại sao m y cột trái có vô hình "padding-phải"? Không thể thu nhỏ các cột để vừa với nội dung của chúng?

--EDIT--

Vấn đề là bảng riêng của mình. Tôi đã định nghĩa bảng với "width: 100%". Loại bỏ điều đó và vấn đề đã biến mất.

+2

HTML cũng có liên quan. –

+0

Hoàn toàn đúng! +1 cho điều đó: D –

+0

Có thể trùng lặp với [autowidth cột bảng CSS] (https://stackoverflow.com/questions/4757844/css-table-column-autowidth) – Vadzim

Trả lời

27

Vấn đề là chiều rộng bảng. Tôi đã sử dụng width: 100% cho bảng. Các cột trong bảng được điều chỉnh tự động sau khi xóa thẻ chiều rộng.

1

có thể có vấn đề với lề?

width:auto; 
padding: 0px; 
margin: 0px 
+0

Tôi đã thêm "margin: 0" vào bài đăng của mình nhưng đó là không phải vấn đề. –

+0

? – fl00r

2

Nếu bạn muốn bảng vẫn là 100% thì hãy đặt một trong các cột có chiều rộng: 100%; Điều đó sẽ mở rộng cột đó để lấp đầy không gian thừa và cho phép các cột khác giữ chiều rộng tự động của chúng :) :)

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