css中单行文本框显示省略号

1.设置一个容器宽度
2.强制文本在一行显示
3.溢出内容显示为隐藏
4.溢出文本显示为省略号
代码如下：

div{width:300px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

 <div> 我知道自己有多好，可我更知道自己有多差，我有多渴望被别人喜欢，就有多知道自己不值得被别人喜欢。说是了解自己，其实骨子了还是太自卑，道理我都懂，可清醒的人才最难过。</div>

运行结果如图：