웹 개발 중, 브라우저 크기에 따라 텍스트 길이가 길어질 경우가 있다.
그럴 경우 자동으로 "..." 처리 하는 방법이 있는데,
누구나 아는 방법이겠지만, 간단하게 설명하겠다.
table 태그 내에 style="TABLE-layout:fixed;"
td 태그 내에 nobr태그가 있을 경우 자동으로 ... 처리가 가능하다.
<HTML>
<HEAD>
<STYLE>
.longcut { text-overflow : ellipsis;overflow : hidden; }
</STYLE>
</HEAD>
<TABLE style="TABLE-LAYOUT: fixed" border=1 width="100%"><TR><TD class=longcut><NOBR>안녕하세요 영어 숫자 아아앙 adfdfdd 1234 45777 아라앙아아앙아앙 1259800</NOBR></TD></TR><TR><TD class=longcut><NOBR>익스플로러 창 사이즈를 늘였다 줄였다 해보세요.<NOBR></NOBR></TD></TR>
</TABLE> </HTML>
<HEAD>
<STYLE>
.longcut { text-overflow : ellipsis;overflow : hidden; }
</STYLE>
</HEAD>
<TABLE style="TABLE-LAYOUT: fixed" border=1 width="100%"><TR><TD class=longcut><NOBR>안녕하세요 영어 숫자 아아앙 adfdfdd 1234 45777 아라앙아아앙아앙 1259800</NOBR></TD></TR><TR><TD class=longcut><NOBR>익스플로러 창 사이즈를 늘였다 줄였다 해보세요.<NOBR></NOBR></TD></TR>
</TABLE> </HTML>
'Web Platform' 카테고리의 다른 글
| Browser Compatibility Check for Internet Explorer Versions from 5.5 to 8 (0) | 2010.01.21 |
|---|---|
| MIME on IIS Windows 2003 (1) | 2009.10.07 |
| IIS 7.0 Tips 대용량 업로드시.. (0) | 2009.07.03 |
| ASP.NET에서 Oracle 연결하는 방법 (0) | 2009.06.30 |
| ASP.NET, ASP.NET AJAX, VS, .NET, IIS 강좌모음 (0) | 2009.06.30 |