style="overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;"
글자가 넘어가면 걸치지 않고 자동으로 ... 표시됨
폭을 %로 지정한 경우에 윈도우 사이즈가 변해도 변한 사이즈 만큼 글자표시도 변함
IE6 이하에서는 정상적으로 작동하지 않으니
크로스부라우징을 디테일하게 체크하는 경우에는 사용할 수 없음
'Html-JavaScript' 카테고리의 다른 글
| Vue.js 기본 구조 (0) | 2024.02.28 |
|---|---|
| AngularJS 개체 복사 비교 angular.copy (0) | 2017.10.25 |
| 클립보드에 복사 (0) | 2008.10.15 |
| 문자열 length구하기 (0) | 2008.07.22 |
| 웹에서 이미지의 특정색을 투명하게 처리 (0) | 2007.10.16 |