学习记录：ellipsis属性与flex布局冲突

flex布局下如何使用文本省略ellipsis属性呢？
在flex布局下，使用

	overflow: hidden;
    text-overflow: ellipsis;

不起作用，解决此问题可以使用 min-width: 0;
原理可以参考如下链接：
参考链接
可以在全局设置ellipsis方法：

ellipsis() {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ellipsisL($lines) {
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: $lines; /* 要显示的行数 */
    -webkit-box-orient: vertical;
}

注：在display布局和ellipsis属性出现冲突时，使用ellipsisL()也可以达到效果