文本溢出：带有多个嵌套元素的省略号

Question

我正在尝试找到文本溢出属性问题的解决方案。我有以下代码：https://jsfiddle.net/2m8m3xyp/7/

.wrapper,
.wrapper p {
  font-size: 14px;
  line-height: 14px;
}
.wrapper {
  /* need 10 lines exactly so i go 10 x Line height */
  height: 140px;
  /* that's the width of my container */
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;

 /* visibity  */
  border: 1px solid red;
}

我有一个带有class =“wrapper”的div和带有文本的嵌套

元素（每个段落中包含未知的段落数和行数）。我试图在div.wrapper中显示最多10行文本。我想知道是否有办法设置文本溢出：父元素div.wrapper上的省略号，如果这不起作用，还有另一种方法吗 - JavaScript也许？