텍스트 오버 플로우 줄임표가 내 케이스에서 작동하지 않습니다.

Question

내 데모에서 볼 수 있듯이 사용자 이름이 너무 길면 '...'하고 싶습니다. 그러나 고정 폭을 <p>으로 설정해도 작동하지 않습니다. p에 고정 폭을 설정

.userDetailWrap p{ 
    float:left; 
    margin:0px; 
    clear:both; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

데모 http://plnkr.co/edit/0h05w6fyhBHPr1NvXTSC?p=preview

Answer 1

잘 작동합니다. 또한 브라우저 간 관행을 고려해야합니다.

width:80px; 
text-overflow: ellipsis; 
-o-text-overflow: ellipsis; 
-ms-text-overflow: ellipsis; 

this을 확인하십시오.