IE截断文本右侧

我有一个宽度为1000px的元素，里面是一些文本。文本在所有浏览器中都可以很好地显示，除了在IE中，它看起来像右边的一半被切断，或者像容器太小并且溢出：隐藏（但容器不是太小）。IE截断文本右侧

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

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

编辑// 我附上了截图。 screenshot

来源

2014-10-29 Aurelin

您可能需要CSS重置，因为某些浏览器在边距，填充等方面有不同的默认值。无论哪种方式，如果没有jsfiddle，截图或其他内容来帮助我们解决您的问题，我们只能疯狂地猜测在你的问题 – foxygen 2014-10-29 18:46:38

欢迎来到网络开发的世界。请提供具体代码示例，我们很乐意为您提供帮助。 – abalos 2014-10-29 18:46:40

我添加了一个截图。这也是一个JSFiddle http://jsfiddle.net/9pker8bs/1/ – Aurelin 2014-10-29 19:25:43

更新：虽然这尚未在Internet Explorer（或微软边缘）解决了，我也想重温和分享潜在的变通有这个问题由其他工程师提醒我注意在Twitter之后。

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

通过设置两个阴影（第一个大得多），该页面组成和涂色不同。你可以看到之前和之后通过比较以下网址：

卸下<div> </div>也似乎解决这个问题。

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

我已经打开了一个跟踪这个内部解决方案的错误，并且会看到我们的作文小组仔细研究了这个问题。

来源

2014-10-29 22:01:18 Sampson

是的，这没有把戏。谢谢！ – Aurelin 2014-10-30 15:31:20

@Jonathan Sampson，我在IE11的某些版本中仍然存在这个问题。浏览器升级会消失吗？在Browserstack（IE版本11.0.9600.17420）等仿真器上，IE11/Win7上不会发生这种情况，但在本地机器中，我们仍然有这种情况发生（IE版本11.0.960017691）。 – 2015-04-14 08:10:18

@pm_hce你有一个可以一致地重现问题的演示吗？我很乐意进一步研究。 – Sampson 2015-04-14 19:49:44

我在IE11/Win7版本11.0.960017691上有类似的问题。我将文本阴影应用于父容器，如果将阴影应用于容器中的单个元素，则该bug会得到解决。例如，在：

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

应用阴影H1和H2分别，不以.container DIV。

来源

2015-04-14 08:19:30

如果它再次出现，我会尝试，谢谢。 – Aurelin 2015-04-14 17:16:13

IE截断文本右侧

回答

相关问题