css 文字溢出隐藏 css 文字溢出隐藏无效解决办法

作为一个码农，css技术有时候网上cv来的更方便一些，溢出隐藏显示...，网上百度了两个小时，居然没一个正确的？？现在网上都怎么了，我表示很服气，而且他们是一模一样的代码，请这些人都确定了正确性在发出来ok？？

真的是很生气，最后自己去解决了一下，才发现了问题

网上大部分都是以下写法 没有说明白还有问题（下面是有问题的写法，表述不清楚）

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; // 多行在这里修改数字即可，这里显示2行
overflow:hidden;
-webkit-box-orient: vertical;

正确写法在此

1.需要设置宽度

2. word-wrap: break-word;的意思是超出所宽度之后换行，有时候默认不换行好吗？？

3.不要设置高度，不然就会变成这样（设置高度就会这样）

 这个是正确代码哦~

  width: 150px;
  background: #999999;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   // 这里是两行的位置显示省略号 ,如果想变成 一行显示省略号 那就是1  如果给第八行添加省略号 那就是 8

正确结果