表格文字與重疊表格框線,或 Internet Explorer 中遺漏

請注意--重要:本文是以 Microsoft 機器翻譯軟體翻譯而成,且可能由 Microsoft Community 利用 Community Translation Framework技術或人工進行事後編修。翻譯過程並無專業譯者參與。Microsoft 同時提供使用者人為翻譯、機器翻譯及社群編修後的機器翻譯三種版本的文章,讓使用者可以依其使用語言使用知識庫中的所有文章。但是,所有翻譯文章都可能不盡完美,內容都可能出現詞彙、語意或文法上的錯誤。就翻譯內容之不正確或錯誤,或客戶因使用翻譯內容所產生的任何損害,微軟不負擔任何責任。Microsoft將依合理的商業努力不斷地更新機器翻譯軟體和工具,以期能為使用者提供更好的服務。

按一下這裡查看此文章的英文版本:3121136
徵狀
當您使用包含在 Internet Explorer 中的區塊元素的資料表時,您會遭遇下列徵狀 ︰

  • 內部文字重疊的表格框線。
  • 內部文字的部分已遺失。

下列的 Internet Explorer 版本會受到這個問題 ︰

  • Internet Explorer 9] 和 [Internet Explorer 10 在缺點以外的所有文件模式
  • Internet Explorer 11 英吋邊緣和缺點以外的所有文件模式
發生的原因
之所以發生這個問題,是因為表格高度不會調整以容納超過此設定區塊層級項目。
解決方案
若要解決這個問題,我們建議您下列其中一項 ︰

  • 在 Windows 10 使用 Microsoft 邊緣。
  • 在其他 Windows 版本中,為 Internet Explorer 11,升級],然後呈現邊緣文件模式中的頁面。
或者,您可以變更頁面的 HTML。若要執行這項操作,如下列範例所示,使用 HTML 表格,取代 DIV 標記的文字。

原始的程式碼

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

警告:本文為自動翻譯

內容

文章識別碼:3121136 - 最後檢閱時間:03/31/2016 03:23:00 - 修訂: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtzh
意見反應