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截斷文本右側

回答

相關問題