需求：

未知字数的一段文本，最多显示4行；

超过四行，则文本溢出，显示展开按钮，展开后显示收起按钮

1.字数较少，不显示展开按钮

2.超过四行，文本溢出，显示展开

3.超出四行，展开后显示收起

多行文本溢出代码：

overflow: hidden;

-webkit-box-orient: vertical;

display: -webkit-box;

-webkit-line-clamp: 4;

text-overflow: ellipsis;

问题：文本内容达到溢出的条件怎么判断，现在是用文本的字数，比如105个字，超过105个字显示按钮，但显然不合理，求指导，谢谢