Bảng văn bản trùng lặp viền bảng hoặc bị thiếu trong Internet Explorer

QUAN TRỌNG: Bài viết này được dịch bằng phần mềm dịch thuật của Microsoft và có thể được Cộng đồng Microsoft chỉnh sửa lại thông qua công nghệ CTF thay vì một biên dịch viên chuyên nghiệp. Microsoft cung cấp các bài viết được cả biên dịch viên và phần mềm dịch thuật thực hiện và cộng đồng chỉnh sửa lại để bạn có thể truy cập vào tất cả các bài viết trong Cơ sở Kiến thức của chúng tôi bằng nhiều ngôn ngữ Tuy nhiên, bài viết do máy dịch hoặc thậm chí cộng đồng chỉnh sửa sau không phải lúc nào cũng hoàn hảo. Các bài viết này có thể chứa các sai sót về từ vựng, cú pháp hoặc ngữ pháp, Microsoft không chịu trách nhiệm về bất kỳ sự thiếu chính xác, sai sót hoặc thiệt hại nào do việc dịch sai nội dung hoặc do hoạt động sử dụng của khách hàng gây ra.

Nhấp chuột vào đây để xem bản tiếng Anh của bài viết này: 3121136
Triệu chứng
Khi bạn sử dụng bảng có chặn các yếu tố trong Internet Explorer, bạn gặp phải hiện tượng sau:

  • Trong văn bản trùng lặp vào đường viền bảng.
  • Phần văn bản bên trong bị thiếu.

Các phiên bản Internet Explorer bị ảnh hưởng bởi sự cố này:

  • Internet Explorer 9 và Internet Explorer 10 trong chế độ tài liệu tất cả trừ Quirks
  • Internet Explorer 11 ở chế độ tài liệu tất cả trừ cạnh Quirks
Nguyên nhân
Sự cố này xảy ra do cao bảng điều chỉnh không chứa một phần tử khối cấp vượt thiết đặt này.
Giải pháp
Để giải quyết vấn đề này, chúng tôi khuyên bạn thực hiện một trong hai cách sau:

  • Trên Windows 10, sử dụng Microsoft Edge.
  • Trên các phiên bản Windows khác, nâng cấp lên Internet Explorer 11, và sau đó hiển thị trang ở cạnh tài liệu chế độ.
Ngoài ra, bạn có thể thay đổi mã HTML của trang. Để thực hiện việc này, thay thế DIV dán văn bản bằng cách sử dụng một bảng HTML, như trong ví dụ sau.

Mã ban đầu

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                <div style="height: 100%">                    This text overlaps<br />                    the<br />                    blue<br />                    border<br />                </div>            </td>        </tr>    </table></body></html>

Thay thế mã

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                    <table>                    <tr>                        <td>                            This text fits within<br />                            the<br />                            blue<br />                            border<br />                        </td>                    </tr>                </table>                   </td>        </tr>    </table></body></html>

Cảnh báo: Bài viết này được dịch tự động

Thuộc tính

ID Bài viết: 3121136 - Xem lại Lần cuối: 03/31/2016 02:49:00 - Bản sửa đổi: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtvi
Phản hồi