css文字溢出时效果

效果图

  div {
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }

下面这一句要配合使用（规定段落中的文本不进行换行）

white-space:nowrap;

<div>
    css 溢出时的效果
    visible 默认值。内容不会被修剪，会呈现在元素框之外。
    hidden  内容会被修剪，并且其余内容是不可见的。
    scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
    auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
    inherit 规定应该从父元素继承 overflow 属性的值。
</div>