[IE 전용]CSS로 문자열 자른 후 ... 넣기

제목에서도 밝혔듯이 IE 전용이다.
FF 같은 데에서는 저어어얼대로 안 된다.
요즘은 크로스 브라우징을 원해서 크게 필요는 없겠지만 아직도 우리 회사처럼 절대 크로스 브라우징에 관심을 안 가지는 업체들에게는 졸라 필요할 듯하다.

<style>
#str {
	width:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
</style>

<div id="str">testtesttest</div>

* 다시 한 번 말하지만 절대 IE(6에서도 됨) 전용!!!
문제점은 ...으로 표시된 부분을 드래그 하면 다 보인다.
구글링을 해 보면 FF에서도 되는 게 나오긴 하지만 좀 귀찮다.
만약 클라이언트가 크로스 브라우징을 요구하면 그냥 귀찮겠지만 각 언어별로 문자열 자르기로 처리하는 게 생각할 것도 없이 편할 듯하다.

이 글을 공유하기

댓글(0)

Designed by JB FACTORY