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 이하에서는 정상적으로 작동하지 않으니
크로스부라우징을 디테일하게 체크하는 경우에는 사용할 수 없음
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
147 | 주민번호 입력시 생일 자동입력 | 2014.03.01 | 5621 |
146 | Textarea 글자수 체크 | 2014.03.01 | 5651 |
145 | arguments object | 2016.09.21 | 5652 |
144 | javascript 에서 제공하는 3가지 종류의 팝업박스 | 2016.09.21 | 5657 |
143 | 선택된 select 의 option 값을 다른 select로 넘겨주기 | 2014.03.01 | 5668 |
142 | 우클릭 금지 | 2016.12.23 | 5701 |
141 | JavaScript 날짜관련함수 | 2014.02.27 | 5704 |
140 | checkbox 한개 클릭으로 다른모든 checkbox 클릭되게 하기 | 2014.03.01 | 5709 |
139 | 새창을 띠워서 focus주기 | 2014.03.01 | 5715 |
138 | 문자열 바꾸기 | 2015.02.03 | 5729 |
137 | 이전, 위로 이동 | 2016.12.23 | 5740 |
136 | top 부분이 고정되는 슬라이딩 메뉴입니다 | 2014.03.01 | 5752 |
135 | 3자리마다 콤마찍기 | 2014.02.27 | 5756 |
134 | 자바스크립트 모음 | 2016.12.22 | 5778 |
133 | (소스)jqury 롤오버 버튼 쉽게 만들기 | 2014.03.01 | 5785 |
132 | select 당일 날짜 출력 | 2014.03.01 | 5801 |
» | 스타일로 제목 자르기 | 2016.09.12 | 5833 |
130 | iframe 높이 자동으로 잡아주기 | 2014.03.01 | 5855 |
129 | 간단하게 우클릭 막는방법 | 2016.09.11 | 5883 |
128 | 셀렉트(select) change href 이벤트 | 2016.12.23 | 5899 |