IE切断了文本的右侧

Question

我有一个宽度为1000像素的元素,里面有一些文字.文本在所有浏览器中都显示正常,除了在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 );
}

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

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

删除<div>&nbsp;</div>也似乎解决了这个问题.

我在Internet Explorer团队工作,可以确认这是Internet Explorer的错误.目前,你可以删除你的(几乎不可思议的)text-shadow,这应该解决Internet Explorer中的问题.

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