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 이하에서는 정상적으로 작동하지 않으니
크로스부라우징을 디테일하게 체크하는 경우에는 사용할 수 없음
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
167 | 엔터키 / enter key submit form | 2018.09.28 | 1528 |
166 | 엔코딩/디코딩 함수 | 2016.09.21 | 6040 |
165 | 엑셀처럼 td 사이즈 조절하기 | 2019.01.16 | 3398 |
164 | 에러처리 | 2019.01.16 | 1066 |
163 | 양력-음력 | 2015.02.03 | 7678 |
162 | 시간 계산하기 (시/분/초/ 더하기, 빼기) | 2021.08.20 | 1711 |
» | 스타일로 제목 자르기 | 2016.09.12 | 5833 |
160 | 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기 | 2018.07.04 | 3995 |
159 | 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징) | 2018.07.04 | 2715 |
158 | 셀렉트(select) change 이벤트 (split) | 2016.12.23 | 6009 |
157 | 셀렉트(select) change href 이벤트 | 2016.12.23 | 5899 |
156 | 셀렉트(select) change Ajax 이벤트 | 2016.12.23 | 12596 |
155 | 선택된 데이터 부모창에 넘기기 (iframe ☞ 부모창) | 2015.04.28 | 6614 |
154 | 선택된 select 의 option 값을 다른 select로 넘겨주기 | 2014.03.01 | 5668 |
153 | 선택(CheckBox) 된 Row 삭제 - 화면에서 추가된 Row | 2015.04.28 | 13541 |
152 | 샘플) top left menu | 2014.03.01 | 5513 |
151 | 새창을 띠워서 focus주기 | 2014.03.01 | 5715 |
150 | 새로고침(F5) 금지 | 2018.03.28 | 6001 |
149 | 비동기 작업의 원리 (JavaScript 엔진, Web API, Task Queue, Event Loop) | 2023.01.20 | 138 |
148 | 브라우저별 이미지 크기 변경 | 2016.11.17 | 7928 |