긴 문자열 스타일로 ... 줄이기 효과

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

문자열이 길때 ... 으로 자동으로 줄여줍니다.
보통 서버쪽에서 처리를 하는게 일반적인데
스타일로도 가능합니다.

* td 태그 안에 nowrap 를 꼭 넣어 주세요
* text-overflow:ellipsis <-- 이것이 ... 으로 만들어 줍니다.
* IE 전용입니다.

예제

안녕하세요? 달팽이홈2 입니다.

안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.

소스

<table border="1" align="center" cellpadding="2" cellspacing="0">
	<tr>
	<td nowrap><span style="width:500px;overflow:hidden;text-overflow:ellipsis;height:18px">안녕하세요? 달팽이홈2 입니다.</span></td>
	</tr>

	<tr>
	<td nowrap><span style="width:500px;overflow:hidden;text-overflow:ellipsis;height:18px">안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.</span></td>
	</tr>
</table>

<table border="1" align="center" cellpadding="2" cellspacing="0">
	<tr>
	<td nowrap><span style="width:500px;overflow:hidden;text-overflow:ellipsis;height:18px">안녕하세요? 달팽이홈2 입니다.</span></td>
	</tr>

	<tr>
	<td nowrap><span style="width:500px;overflow:hidden;text-overflow:ellipsis;height:18px">안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.안녕하세요? 달팽이홈2 입니다.</span></td>
	</tr>
</table>

☞ 달팽이홈2

등록일 : 2008-07-05