当标题文字超出长度后，后续用...来代替

一开始忘记设置段落不换行，无法正常的显示效果，加上white-space：nowrap，即可

div  {
  width: 182px;
  margin: 4px 0px;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  // 设置段落中文本不换行
  white-space: nowrap;
  // 设置超出宽度后隐藏
  overflow: hidden;
  // 如果文本溢出了，用...代替，这三个代码一个都不能少
  text-overflow: ellipsis;
}

效果展示