internet-explorer - IE 切断文本的右侧

Question

我有一个宽度为 1000 像素的元素，里面是一些文本。文本在除 IE 之外的所有浏览器中都可以正常显示，在 IE 中看起来右半部分被切断，或者容器太小并且溢出:隐藏(但容器不是太小)。

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

我在 IE11/10 中对此进行了测试。

编辑//我附上了截图。

Answer 1

更新:虽然这个问题尚未在 Internet Explorer(或 Microsoft Edge)中得到解决，但在 Twitter 上引起我的注意后，我确实想重新审视并分享一个潜在的解决方法由另一位工程师。

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

通过设置两个阴影(第一个要大得多)，页面的组成和绘制方式有所不同。您可以通过比较以下 URL 来查看之前和之后:

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

---

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

---

我在 Internet Explorer 团队工作，可以确认这是 Internet Explorer 的错误。目前，您可以删除您的(几乎无法察觉的)text-shadow这应该可以解决 Internet Explorer 中的问题。

我已经打开一个错误来跟踪内部解决此问题的方法，并会确保我们的组合团队对此事进行调查。