flex多层布局导致子元素overflow: hidden，text-overflow: ellipsis属性失效

<style lang="less">
	.a {
		display: flex;
		.b {
			flex: 1;
			display: flex;
			.c {
				flex: 1; // c元素的子元素使用overflow:hidden还是会撑开宽度，如果想要overflow: hidden，text-overflow: ellipsis有效，需要添加具体的width: 100px;或者使用min-width: 0;
			}
		}
	}
</style>