IE 8~10 에서 말줄임(...) 문제
각티슈
2023.04.01
아래 이미지와 같은 현상이 일어나고 있습니다..;;;
IE7에서도 멀쩡히 잘나오는데 8~10 버전에서 저런 문제가 생기네요.
이런 경우는 처음이라 뭐가 문제인것인지 모르겠습니다.
a{max-width:180px; height:15px; display:inline-block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
css는 저게 다인데요
다른 페이지에 동일한 효과가 적용된 리스트가 있는데 그건 이런 현상이 없는데
도통 문제가 무엇인지 모르겠네요
혹시 이와 같은 문제를 겪어보신 분이 계시면 도움 부탁드립니다.
-
핀아
해결 했습니다. 리셋에 들어가있던 word-wrap:break-word; css가 문제였네요..;;;
덧글 감사드립니다~ -
배꽃
ie9, 10은 제가 잘 모르겠습니다만 IE8에서는 inline-block 속성과 max-width 속성을 같이 썼을때 다른 해당하는 엘리먼트의 다른 속성들이 정상적으로 작동하지 않는 버그가 있는것으로 알고 있습니다.
-
하늘이
IE 8~10 에서 말줄임(...) 문제,,,좋은 참고가 됐습니다
-
민들레
height 보다 line-height 조금더 주면되지 않나요?
-
모해
이건 잘나오는 소스와 안되는소스를 동시비교 해서 찾아내는수밖에요
-
외솔
소스 한번 올려주실 수 있나요?