IE切断了文本的右侧

Question

我有一个宽度为1000像素的元素，里面有一些文字。文本在所有浏览器中显示正常，除了在IE中，它看起来像是右半部分被切断，或者像容器太小而且有溢出：隐藏（但容器不是太小）。

奇怪的是，似乎我仍然可以标记文字和所有内容。它只是没有出现。

我在IE11 / 10中测试了这个。

EDIT // 我附上了截图。

Answer 1

更新：虽然在Internet Explorer（或Microsoft Edge）中尚未解决此问题，但我确实想在Twitter上将此问题提请我注意后重新访问并分享潜在的解决方法另一位工程师。

body {
  text-shadow:
    0 0 1em transparent,
    1px 1px 1px rgba( 0, 0, 0, .5 );
}

通过设置两个阴影（第一个更大），页面的组成和绘制方式不同。您可以通过比较以下网址来查看之前和之后的信息：

• 之前：https://jsfiddle.net/jonathansampson/96h9czc5/
• 之后：https://jsfiddle.net/jonathansampson/96h9czc5/1/

---

删除<div>&nbsp;</div>也似乎可以解决此问题。

---

我在Internet Explorer团队工作，可以确认这是Internet Explorer的错误。目前，您可以删除您的（几乎不可思议的）text-shadow，这应该可以解决Internet Explorer中的问题。

我已经开辟了一个错误来跟踪内部的解决方案，并会确保我们的作文团队对此事进行了调查。

Answer 2

我在IE11 / Win7版本11.0.960017691上遇到了类似的问题。 我正在将thext阴影应用于父容器，如果将阴影应用于容器中的各个元素，则会解决该错误。 例如，在：

＆＃13;

＆＃13;

<div class="container">
<h1>Title</h1>
<h2 class="subtitle">Subtitle</h2>
</div>

＆＃13;

＆＃13;

＆＃13;

分别将阴影应用于h1和h2，而不是应用于.container DIV。