Sự cố với <style style = "border-collapse: collapse"> Một phần của đường viền phải bị cắt (ảnh chụp màn hình đính kèm)

Question

Tôi là nhà phát triển web mới (hiển nhiên). Khi tôi lần đầu tiên nhận thấy vấn đề này, tôi nghĩ rằng nó có thể là một cái gì đó kỳ quặc với các trang web tôi đã làm việc trên. Kể từ đó tôi đã làm việc trên một số trang web khác và nhận thấy điều tương tự.

Khi tôi sử dụng thuộc tính CSS "border-collapse: collapse" để tạo kiểu bảng HTML, đôi khi đường viền ngoài cùng bên phải bị cắt khi tôi tải trang (cả trong FF và IE). Thật kỳ lạ, khi tôi di chuyển lên xuống nó thỉnh thoảng tự sửa lỗi mà không cần tải lại trang. Nó thường xảy ra ở góc dưới cùng bên phải của bảng, như ảnh chụp màn hình thứ hai cho biết.

screenshot1

screenshot2

Dưới đây là HTML của tôi/CSS:

<table width="730" border="0" cellpadding="4" cellspacing="0" style="border-collapse: collapse;"> 
    <tr> 
    <td style="border:1px solid #ff9900;"></td> 
    <td style="border:1px solid #ff9900;"></td> 
    <td style="border:1px solid #ff9900;"></td> 
    </tr> 
. 
. 
. 
</table> 

gì cho? Bất kỳ ý tưởng? Cảm ơn thời gian của bạn & nỗ lực!

Answer 1

Moz gặp sự cố với border-collapse:collapse; quay lại 10 năm hoặc lâu hơn, nó tiếp tục được khắc phục và sau đó trở lại lỗi (xem theo dõi lỗi here và here).

Hãy thử thêm một biên giới đến các yếu tố bảng như sau: -

#your-table-name {border-collapse : collapse; border : 1px solid orange;} 

#your-table-name td {border: 1px solid orange;} 

Xin lưu ý rằng đây là một câu hỏi mã hóa và thực sự nên đến stackoverflow. Nó cũng hữu ích để đăng phiên bản trình duyệt bạn đang sử dụng.