网页设计中通过css在一个固定宽度的div容器中让一行超出的文本隐藏并省略掉

实现效果：

实现的关键css：

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

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

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

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

原文代码：

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