表格中的文字重叠表格的边框或在 Internet Explorer 中缺少

重要说明:本文是由 Microsoft 机器翻译软件进行的翻译并可能由 Microsoft 社区通过社区翻译机构(CTF)技术进行后期编辑,或可能是由人工进行的翻译。Microsoft 同时向您提供机器翻译、人工翻译及社区后期编辑的文章,以便对我们知识库中的所有文章以多种语言提供访问。翻译的文章可能存在词汇、句法和/或语法方面的错误。Microsoft 对由于内容的误译或客户对内容的使用所导致的任何不准确、错误或损失不承担责任。

点击这里察看该文章的英文版: 3121136
症状
当您使用包含在 Internet Explorer 中的块元素的表时,您会遇到下列症状 ︰

  • 内部文本重叠的表格边框。
  • 部分的内部文本中消失了。

此问题会影响以下的 Internet Explorer 版本 ︰

  • Internet Explorer 9 和 Internet Explorer 10 在所有文档模式下除特点
  • 在边缘和特点之外的所有文档模式下的 Internet Explorer 11
原因
此问题是由于表高度不会调整以容纳超过此设置块级元素。
解决方案
若要解决此问题,我们建议您执行以下任一操作 ︰

  • 在 Windows 10 使用 Microsoft 边缘。
  • 在其他 Windows 版本,升级到 Internet Explorer 11,然后呈现边缘文档模式中的页。
或者,您可以更改页面的 HTML。为此,DIV 标记文本使用替换 HTML 表中,如下面的示例中所示。

原始代码

<!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>

替换代码

<!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>

属性

文章 ID:3121136 - 上次审阅时间:03/31/2016 03:22:00 - 修订版本: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtzh
反馈