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

Question

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

Answer 1

第二行的一半之后进行省略？这是什么需求？如果你要实现的是最多显示2行，超出省略可以用下面的方法<div&nbsp;class="ellipsis"&nbsp;style="width:300px"> &nbsp;&nbsp;怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略怎么才能让DIV里面的文字只显示一行半，第二行的一半之后进行省略</div><style> &nbsp;&nbsp;.ellipsis&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;hidden;&nbsp;&nbsp;&nbsp;&nbsp;text-overflow:&nbsp;ellipsis;&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;-webkit-box;&nbsp;&nbsp;&nbsp;&nbsp;-webkit-line-clamp:&nbsp;2;&nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-orient:&nbsp;vertical &nbsp;&nbsp;}</style>

Answer 2

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