고정 너비가없는 IE8 텍스트 오버플로

텍스트 오버플로 및 오버플로 숨김을 사용할 때 IE8에 문제가 있습니다. IE8이 텍스트를 올바르게 트림하고 뷰에서 오버 플로우를 숨기더라도 잘린 텍스트가있는 스팬은 여전히 부모 요소의 폭을 불어 나옵니다.고정 너비가없는 IE8 텍스트 오버플로

스팬 또는 상위 요소에 고정 폭을 사용하면 문제가 없지만 안타깝게도 고정 폭을 사용할 수 없습니다. 나는 width : 100 %와 max-width를 잘라내는 span 요소에서 사용하고 IE8에서는 부모 요소에 max-width를 넣으려고 시도했다.

어떤 제안이 도움이 될 것입니다. 여기

바이올린 :

http://jsfiddle.net/cmoeser/aRvXg/

<!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 비슷한 버그가있는 소리 –

고정 너비가없는 IE8 텍스트 오버플로

답변

관련 문제