超过容器的文字显示为省略号

当文字的长度超过容器的边框时，若想要显示多余的内容为省略号时，我们可以这么设置

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

注意到white-space与overflow的条件不可少。