Giả sử tôi có một bảng html với chiều rộng được khai báo là 750px. Nó có 5 cột và mỗi cột có chiều rộng là 50px, được khai báo bằng cách sử dụng css (tất cả các td có chiều rộng 50px). Rõ ràng, tổng chiều rộng của các cột là 250px nhỏ hơn 750px.Chiều rộng cột được tính toán khác với chiều rộng khai báo css cho cột. Trình duyệt quyết định chiều rộng như thế nào?
Khi trình duyệt hiển thị bảng, mỗi cột có chiều rộng được tính khác nhau. Tôi có một cột chỉ có 5 khoảng trắng nhưng chiều rộng được tính là hơn 100px (nhiều hơn 5 ).
Tất cả các cột đều phù hợp với văn bản đi kèm cùng với một số khoảng trống thừa. Không có chiều rộng cột được mã hóa cứng nào có trong đánh dấu. Chỉ cần một 50px trong css cho 'td'.
Trình duyệt tính toán độ rộng kết xuất của mỗi cột như thế nào?
Nội dung dài nhất trong mỗi cột nhỏ hơn chiều rộng được tính toán. Mỗi cột có thêm không gian. Không có cột nào hẹp hơn chiều rộng của tôi. Trình duyệt có cố gắng ném thêm các khoảng trống trong mỗi cột * bằng nhau * để có được chiều rộng bảng không? Từ khóa là như nhau ở đây. Tôi có một cột chỉ có không gian mã hóa cứng, không có văn bản, nhưng nó kết thúc bằng một cột rộng hơn tổng của các khoảng trắng. –
@Tony_Henrich: Có, không gian thừa được chia đều hoặc tương ứng, trên các cột, theo một số thuật toán không xác định trong trình duyệt. – Guffa