沒有固定寬度的IE8文本溢出

我在IE8使用文本溢出和溢出隱藏時出現問題。儘管IE8正確修剪文本並隱藏了視圖中的溢出，但截斷文本的跨度仍會在父元素上吹出寬度。沒有固定寬度的IE8文本溢出

在span或其父元素上使用固定寬度可以正常工作，但不幸的是我無法使用固定寬度。我曾嘗試在截斷span元素上使用寬度：100％和max-width，並在父元素上放置最大寬度，但在IE8中沒有運氣。

任何建議將是非常有益的。

小提琴這裏：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 
</head> 
<style type="text/css"> 

.containerDiv { 
    float:right; 
    border:1px solid green; 
    overflow:hidden!important; 
    zoom:1; 
} 
.textDiv { 
    float:left; 
    zoom:1; 
    white-space: nowrap; 
    display:block; 
    max-width:128px; 
    overflow:hidden; 
    -ms-text-overflow: ellipsis; 
    text-overflow:ellipsis; 
} 
</style> 
<body> 
    <div class="containerDiv"> 
     <span class="textDiv">WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span> 
    </div> 
</body> 
</html>

enter image description here

來源

2013-03-30 Chip

，如果你嘗試

.textdiv {float:right; text-align:left;}

不能用js小提琴IE8的

來源

2013-03-30 22:20:31

釷anks。在任一方向浮動或文本對齊都不起作用。 – Chip

嘗試使用父寬度上的最大寬度，然後使用寬度：自動 –

http://snook.ca/archives/html_and_css/ie8-bug-max-width-overflow 聽起來類似於你的bug可能有幫助 –

沒有固定寬度的IE8文本溢出

回答

相關問題