이 소스는…
텍스트의 길이가 길어서 자동으로 다음줄로 넘어가지 않고,
넘어가는 영역(overflow)은 안보이게 처리한 후, … 을 자동으루 붙여주는 역할을 해준다.
(테스트 해 본 바로는 <Table> 관련 테그(TR,TD) 안에 들어가서는 적용되지 않았음)
[STYLE_01]
<table>
<tr>
<td bgcolor=”#FF9999″>
overflow:hidden;width:300px;white-space:nowrap;text-overflow:ellipsis;”>동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리나라만세. 무궁화 삼천리 화려강산. 대한사람 대한으로 길이 보존하세
</td>
</tr>
</table>
[STYLE_02]
overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;”>동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리나라만세. 무궁화 삼천리 화려강산. 대한사람 대한으로 길이 보존하세
STYLE_01: <div> 태그 안에서 고정된 width값에만 적용
STYLE_02: 브라우저의 화면 사이즈에 따라, 자동으로 안보이는 영역을 가려줌
반대의 경우 박스안에서 글자가 개행 되게 하려면 white-space만 적용하면 된다.
white-space:normal;
aaboo 