글자 자르기 유용한 text-overflow

Effect of CSS property text-overflow

Each box (DIV element) below contains the following text:

We hold these truths to be self-evident, that all people are created equal.

Note how the STYLE settings effect the rendering of the text

STYLE ="text-overflow : clip; overflow : hidden"

We hold these truths to be self-evident, that all people are created equal.

STYLE ="text-overflow : ellipsis; overflow : hidden"

We hold these truths to be self-evident, that all people are created equal.

STYLE ="text-overflow : ellipsis; overflow : visible"

We hold these truths to be self-evident, that all people are created equal.

출처: http://msdn.microsoft.com/workshop/samples/author/css/textOverflow.htm