'Text'에 해당되는 글 2건
- 2011/03/05 Javascript - Selection text of web page
- 2009/02/09 CSS 범위 넘어가는 글자에 자동으로 ... 붙이는 방법 (3)
아주 간단 명료하게...
웹 페이지에서 텍스트 영역을 마우스로 긁은 상태에서
브라우저 주소표시줄에
javascript:document.selection.createRange().text
위 스크립트를 테스트해보면 알 수 있다...
(너무 심플..)
'Web > JavaScript' 카테고리의 다른 글
| Javascript - Ajax module on OWA(MS Outlook Web Apps.) (0) | 2011/03/15 |
|---|---|
| for Javascript (0) | 2011/03/08 |
| Javascript - Selection text of web page (0) | 2011/03/05 |
| Persisting Collapsible TOC State (0) | 2011/03/02 |
| Add Twitter to your blog (2) | 2010/11/05 |
| JSINQ - LINQ With JavaScript (0) | 2010/04/10 |
이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^
Trackback : http://i-ruru.com/trackback/648
일단 핵심적인 내용을 먼저 하면
1. 문자열을 출력하는 영역에 너비(width)가 고정되어야 합니다.
2. 문자열의 넘어서는 부분을 생략(ellipsis)하고, 다른 넘어서는 부분은 안보이게(hidden) 처리합니다.
예를들어 다음과 같은 코드를 실행해보면
이해하시는데 빠를거에요 ^ ^
<table id=tb border=1 style="table-layout:fixed;">
<tr>
<td style="overflow: hidden; text-overflow:ellipsis; width:150px;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
</tr>
</table>
결과는 다음과 같이 ... 문자가 붙어 나타나죠 ^ ^
'Web > CSS' 카테고리의 다른 글
| UX를 편리하게 하기 위한 7 CSS 팁 (0) | 2010/02/03 |
|---|---|
| How to set css style on disabled FORM INPUT Tag (0) | 2009/03/12 |
| CSS 범위 넘어가는 글자에 자동으로 ... 붙이는 방법 (3) | 2009/02/09 |
| 버튼을 CSS로 이쁘게~ (0) | 2008/06/21 |
| IE 6에서 나타나는 배경이미지 깜빡임 현상 수정 (2) | 2008/01/28 |
| DIV를 이용해 가운데 정렬 (1) | 2008/01/24 |
이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^
Prev
