使用flex的省略号的多行文本。一种兼容浏览器的解决方案？

Question

**Multiline text with ellipsis using flex. A solution which is compatible across browsers?**

The below solution works for only single line. I want to know if it is possible using the flex property.?

//样式应用于包含标签

的范围

.span{
  display: flex;
  align-items: center;
  width: 226px;
  height: 50px;
  border: solid 1px red;
  white-space: nowrap;
}

label {
  overflow: hidden;
  text-overflow: ellipsis;
}

我如何才能使其适用于多行文字。 ？