css展示隐藏文本行数

本来是考虑直接用line-height控制每行高度，再在父元素上套一个max-height获取控制展示，js获取文本框高度触发显示隐藏提示按钮，不过打包的时候文本最后一行一直会被多截取一部分。

无奈之下，去搜了下别的，换了个方法隐藏：

text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:10;
/*! autoprefixer:off */
-webkit-box-orient:vertical;
/*! autoprefixer:on */

因为用line-clamp控制了行数，原本直接获取子元素高度判断是不是高于固定高度的父级元素来控制显示展开也不行了，然后搜了下，用了getClientRects方法直接获取内联元素行数。