效果圖
div {
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
下面這一句要配合使用（規(guī)定段落中的文本不進行換行）
white-space:nowrap;
<div>
css 溢出時的效果
visible 默認值。內容不會被修剪掉奄，會呈現(xiàn)在元素框之外艇抠。
hidden 內容會被修剪逆趣，并且其余內容是不可見的。
scroll 內容會被修剪务嫡，但是瀏覽器會顯示滾動條以便查看其余的內容闸迷。
auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容控汉。
inherit 規(guī)定應該從父元素繼承 overflow 屬性的值。
</div>
