overflow:hidden; text-overflow:ellipsis

웹에서 리스트를 만들면 때로는 제목이나 기타등등이 길어질 때가 있다
이때 많은 사람들이 substring 을 해서 점을 붙이는 형태로 작업을 하는데, 영어나 한글 등의 언어에 따라 길이가 제각각이 되므로 보기에 상당히 안 좋다.

제목이 긴경우 ... 으로 해준다
<div style="position:relative; width:100px; text-overflow:ellipsis; overflow:hidden; cursor:hand"><nobr>텍스트 어쩌구저쩌구 이러쿵 저러쿵...</nobr><div>


<table width="100%" border="1" class="v1" style='table-layout:fixed'>
<tr>
<td width="50"><img src="<?=$strImage?>" width="50" height="50"></td>
<td width="100%">
<div style='width:100%;height:16px;overflow:hidden;text-overflow:ellipsis'><nobr><b><?=$strTitle?></b></nobr></div>
</td>
</tr>
</table>