CSS渲染在IE8不同，爲與浮動做到：對，和溢出隱藏

<html> 
<head> 
<style> 
.subheader 
{ 
    float: right; 
    overflow: hidden; 
} 
.header 
{ 
    width:200px; 
    height:20px; 
    overflow: hidden; 
    border: 1px solid red; 
} 
span 
{ 
    text-overflow: ellipsis; 
    overflow:hidden; 
    float:left; 
    white-space: nowrap; 
} 

</style> 
</head> 
<body> 

<div class="header"> 
    <div class="subheader"> 
     <span>Hellow asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfa<span> 
     </div> 
</div> 
</body> 
</html>

我想獲得相同的行爲在IE8比IE9CSS渲染在IE8不同，爲與浮動做到：對，和溢出隱藏

結果在IE9是：Hellow asdfasdfa 而在IE8是：asdfasdfasdf（我不能看到hellow在開始時）

預先感謝您的時間

來源

2012-03-14 Azran

對我來說在ie8和ie9中顯示相同。 – Brian 2012-03-14 17:02:43

添加 max-width: 100%;到.subheader部分

來源

2012-03-14 17:15:52 HerrSerker

幹得好。我是那個。 – thepriebe 2012-03-14 17:19:47

您的.subheader右移。這意味着subheader div將被對齊到外部標題div的右側。如果您將.subheader切換爲向左浮動，您將獲得要查找的效果。

另外，text-overflow: ellipsis;是CSS3所以IE8自然不會這樣做。

.subheader 
{ 
    float: left; 
    overflow: hidden; 
}

來源

2012-03-14 17:18:45 thepriebe

CSS渲染在IE8不同，爲與浮動做到：對，和溢出隱藏

回答

相關問題