글씨 길어지는것 자르는 방법

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.