实现效果：

实现的关键css：

overflow：hidden；这个表示超出容器的内容进行隐藏

white-space：nowrap；表示文本不断行显示

text-overflow：ellipsis；表示超出的部分用省略号进行表示

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

原文代码：

<div style="width: 700px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
城市新移民的生活民的生活方式研究城市新移民的生活方式研究dadawdawdawdawdawd
</div>