怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略

Question

如题，假如div里面的文字完全显示的话有三行或者四行，怎么样才能让div只显示一行半的文字，然后后面变成省略号

Answer 1

第二行的一半之后进行省略？这是什么需求？
如果你要实现的是最多显示2行，超出省略可以用下面的方法

<div class="ellipsis" style="width:300px">
  怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略</div><style>
  .ellipsis {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical
  }</style>

Answer 2

如果div的宽度是一定的，可以求取内容的字符长度，直接字符进行截取，展示的内容后面加上省略号