DIV中字数太多破坏原本设定大小的处理方式【overflow】

在DIV中秀出数据的时候
如果数据超过我们原本设定的大小
那么DIV的大小就会被破坏

为了解决这个问题，可以使用style中的overflow与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.