CSS를 사용하여 스팬에서 오버플로 텍스트 숨기기

Question

길이가 고정 된 높이 & 너비의 스팬 요소 안에 긴 텍스트를 표시하려고합니다. 내가 그에게이 CSS

span 
{ 
    display:block; 
    height:40px; 
    width:90px; 
    overflow:hidden; 
    text-overflow:ellipsis; 
} 

을 준

My Skill is 
    Web 
Designing. 

나는이 내부 스팬 요소와 같은 현재 뭔가를 표시하는 텍스트가 그것은 나를 같은 결과를 줄이

My Skill is 
    Web 

하지만, 내 원하는 결과가 아닙니다. 이런 식으로 표시하고 싶습니다

My Skill is 
    Web... 

이 문제를 해결할 방법이 있습니까? 미리 감사드립니다 ..

Answer 1

당신은 스팬 규칙에 다음과 같은 속성을 추가 할 필요가

white-space: nowrap;