多行文本换行

前端开发总有一些地方需要多行文本换行，下面几行代码是多行的核心，适合移动开发，因为是webkit支持
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
换行以后了，超出来的文本如何呢？
overflow : hidden;
text-overflow: ellipsis;//文本显示为省略号...

完整代码举例：
.father{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
有些地方需要考虑其他问题，可以这样加
.father{
font-size:1.4rem;
line-height:1.5rem;
width:100%;
height:4.5rem;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;//3行换行
-webkit-box-orient: vertical;
}
其实本来比这个要复杂，但是原则上我们只需要设置容器高度为容器内文本行高的n倍，这个n就是想要换多少行