테이블 열 최대 너비, 줄임표, nowrap : IE 9에서 작동하지 않음

열이 Chrome 및 Firefox에서는 100px 너비로 올바르게 절단되지만 Internet Explorer에서는 그렇지 않은 이유는 무엇입니까?테이블 열 최대 너비, 줄임표, nowrap : IE 9에서 작동하지 않음

<table style="table-layout:fixed"> 
    <tr> 
     <td style="width:100px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap">QWRQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEEQWEQWEQWEQWEQWE</td> 
    </tr> 
</table>

jsfiddled here

출처

2013-07-23 Ross Barbish

테이블 레이아웃 : 일을 생각한다 고정 너비가 있고

은 기본적으로 너비와 테이블 레이아웃을 2 개의 요소로 전달하므로 IE를 혼동시킬 수 있습니다. ... 당신은 테스트 및 표준 모드에 대한 진정한 독립 실행 형 IE9를 사용합니까? –

이것은 ie10, ie9, ie8 Windows7에서 작동합니다. 문제는 코딩의 다른 부분에 있습니다. –

Quirks 모드 또는 일부 호환 모드에서는 IE가 아닌가요? –

답변

사업부 컨테이너를 추가하고> 대신 < TD, 그것은 모든 스타일을 적용하므로 등에 의해 고정 :

<table style="table-layout:fixed"> 
    <tr> 
     <td><div style="width:100px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap">QWRQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEEQWEQWEQWEQWEQWE</div></td> 
    </tr> 
</table>

출처

2013-07-23 19:09:32

테이블 열 최대 너비, 줄임표, nowrap : IE 9에서 작동하지 않음

답변

관련 문제