文本溢出：省略號不工作在IE10

我有一個div包裝來包裝一些文本，我想橢圓出超過包裝寬度。下面是我的HTML和CSS，它在Chrome中工作得很好。任何人都可以解釋IE10出了什麼問題。文本溢出：省略號不工作在IE10

HTML

<div id="wrapper"> 
    <div class="my-title">Lorem, Ipsum 
         <br>Our TYPE 
         <br>Confirmed 
         <br>simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 
    </div> 
    </div>

CSS

.my-title { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: normal; 
    width: 100%; 
} 

#wrapper { 
    width: 500px 
}

PLUNKER LINK

http://plnkr.co/edit/iAO3ZMT3IM5wwoN83QlY?p=preview

來源

2015-08-26 Prashanth

IE瀏覽器，邊緣是簡單的壞，非常糟糕的錯誤的瀏覽器。 –

嘗試刪除寬度值，否則使用像素值而不是百分比 – Jackson

多行文本與
標記是原因 - 即使IE11無法正常顯示它，但是，如果刪除換行符 - 它的工作原理。 :)（不確定關於IE10，但） – sinisake

您可以消除分頁符並將每行放在自己的div中，例如this。

<div style="width: 200px;"> 
    <div>Lorem, Ipsum</div> 
    <div>Our TYPE</div> 
    <div>Confirmed</div> 
    <div class="my-title"> 
    simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 
    </div> 
</div>

來源

2015-08-26 22:09:00

這與這個答案基本相同http://stackoverflow.com/a/31035811/383904 –

謝謝。這將工作，但不知何故我的數據是由後端生成的，我需要使用
。如果沒有別的東西，我會用CSS解決這個問題，這可能是IE10中唯一的方法。 @ RokoC.Buljan真的很欣賞你的激情。 – Prashanth

文本溢出：省略號不工作在IE10

回答

相關問題