정해진 크기의 박스 안에 텍스트 요소가 넘칠 경우 문자열을 잘라내는 CSS를 알고 싶습니다.

Question

통상 ellipsis를 사용하는데 이것은 익스폴로러에서만 적용되는 것 같습니다.

모든 브라우저에서 가능한 CSS 코드를 알고 싶습니다.

Answer 1

.ellipsis {
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

테스트 브라우저

• IE6~9
• Chrome 16.0~
• FF10
• Safari 5.1.2
• Opera 11.61