style="overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;"
글자가 넘어가면 걸치지 않고 자동으로 ... 표시됨
폭을 %로 지정한 경우에 윈도우 사이즈가 변해도 변한 사이즈 만큼 글자표시도 변함
IE6 이하에서는 정상적으로 작동하지 않으니
크로스부라우징을 디테일하게 체크하는 경우에는 사용할 수 없음
style="overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;"
글자가 넘어가면 걸치지 않고 자동으로 ... 표시됨
폭을 %로 지정한 경우에 윈도우 사이즈가 변해도 변한 사이즈 만큼 글자표시도 변함
IE6 이하에서는 정상적으로 작동하지 않으니
크로스부라우징을 디테일하게 체크하는 경우에는 사용할 수 없음
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
87 | 'setInterval', 타이머를 사용하자! ==setTimeout | 2015.02.03 | 6223 |
86 | 'blur', 이미지 클릭시 테두리를 없애자! | 2015.02.03 | 7353 |
85 | 'setTimeout', 타이머를 사용하자! | 2015.02.03 | 7033 |
84 | 'opener', 부모창과 자식창의 텍스트를 교환하자! | 2015.02.03 | 7308 |
83 | 'open', 새창을 열어보자! | 2015.02.03 | 6036 |
82 | 'checkbox', 체크박스 모두체크 그리고 모두해제! | 2015.02.03 | 7492 |
81 | 'button', 클릭한 횟수 알아내기! | 2015.02.03 | 10763 |
80 | 유효성 검사, 모든 폼에 값이 입력되도록 해보자! | 2015.02.03 | 6125 |
79 | 'focus', 엔터 누르고 이동하자! | 2015.02.03 | 12857 |
78 | 5초후 자동으로 창닫기 | 2015.02.03 | 9034 |
77 | 달력 | 2015.02.03 | 6684 |
76 | 양력-음력 | 2015.02.03 | 7677 |
75 | 버튼 삭제 | 2015.02.03 | 5951 |
74 | 라디오 바스 체크 유무 확인 | 2015.02.03 | 6349 |
73 | 문자열 바꾸기 | 2015.02.03 | 5729 |
72 | 마우스로 이미지크기 조절(자바스크립트) | 2015.02.03 | 6530 |
71 | 페이지 로드 할때 컨트롤에 포커스 주기 | 2015.02.03 | 8500 |
70 | 자바스크립트 영문입력, 숫자만입력, 한글만 입력, 붙여넣기 방지 | 2015.02.02 | 10180 |
69 | 이미지 마우스 드래그로 스크롤을 움직이는 소스 | 2014.03.17 | 9362 |
68 | 특정부위 마우스 오버시 설명을 보여주는 소스 | 2014.03.17 | 8697 |