内容超出了就隐藏超出部分的后面带（省略号）... ， 如果没有超出就正常显示后面不带省略号

Posted 2020-10-07 yaomengli

      text-overflow: ellipsis要配合 下面两个css样式使用 效果是 当一个固定宽的容器中 （设置了 overflow:hidden 与white-space:nowrap不让超出本分换行）的内容超出了就隐藏超出部分的后面带（省略号）...    ，        如果没有超出就正常显示后面不带省略号  

1.  white-space: nowrap;
2. text-overflow: ellipsis;
3.  overflow: hidden;