드럼치는 프로그래머

아래 링크를 참고하면 된다. ▶텍스트 말줄임 (text-overflow:ellipsis) 현재 모든 최신 브라우저가 다 지원한다. (놀라운 건, IE는 이미 6부터 지원하고 있었다는 것 ㅋ)코드를 배껴 온 뒤, display: block;만 추가했다. inline-block을 사용해도 된다..ellipsis { width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }왜 저런 식의 코드인지 설명은 링크에 들어가서 보길 바란다.문단 말줄임위 CSS로는 한 줄짜리만 말줄임표 붙이는 게 가능하다...

텍스트가 일정 길이 이상 길어지는 경우 생략 기호를 사용하여 표시하면 매우 효과적입니다. 길이가 더 길다는 것을 시각적으로 표시할 수 있고 공간 안에서 레이아웃을 효과적으로 꾸밀 수 있죠. 일반적으로 한줄인 경우에만 생략 기호를 사용하나 만약 폭(width)이 너무 좁아 두 줄 이상의 텍스트를 생략 기호를 사용해 보여주려면 가능할까요?? 이런 물음은 크롬의 경우 텍스트가 두 줄인 경우에도 적용되기 때문입니다. 하지만 항상 그렇듯 다른 브라우저에서는 정상 적용되지 않는데 이런 경우 해결 방법은 무엇이 있을까요?? 일단 IE에서 두 줄 이상의 멀티 라인에는 적용되지 않았습니다. 구글링을 해보았으나 정상적인 방법으로 해결할 수는 없다는 결론입니다. 그리하여 이런 경우 선택 할 수 있는 방법음 아래와 같이 세가..