可以放一个div在左侧出屏幕的地方，比如left=-1000px，宽度和你需要显示文字的div的宽度保持一致。然后把要显示的内容放到出屏幕的那个div中。因为你是知道字体大小或者行高的，只要获取一下出屏幕的那个div的高度和你三行文字应该有的高度做一个比较就知道是不是超过三行了。

应该是判断字符长度吧，不过不同的手机，三行显示的字符又不一样....
或者可以先容内容全部显示，判断高度，然后做隐藏

虽然上面的2个思路都可以实现，好像都有点坑的味道...

.xxx {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 60px;
}