css实现溢出隐藏并显示省略号

<style>
    div {
        width: 150px;
        border: 1px solid #ccc;
        white-space: nowrap;  //超出不换行
        overflow: hidden;   //超出隐藏，其余内容不可见
        text-overflow: ellipsis;   //文本溢出后用省略号显示
    }
</style>
<div>文字文字文字文字文字文字文字文字</div>