css does not wrap

Set the text to not wrap, and replace the excess part with "..."

overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 210px;

Set more than n lines, the excess part is replaced by ...
 

width:200px;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;