SOURCE

<div class="ss2">
  1、CSS 文字只显示一行, 超出部分显示省略号
</div>
<div class="ss3">
  2、CSS 文字只显示一行, 超出部分显示省略号
</div>
<div>
  3、CSS 文字只显示一行, 超出部分显示省略号
</div>

div{
  margin-top:20px;
}


.ss2 {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
}

.ss3 {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}