flex-左右布局，右边容器获取父元素剩余宽度，超出部分文字显示...

具体参考这里： https://www.dazhuanlan.com/xueyingfengqing/topics/1015559

html：

<div class="main">
	<div class="logo"></div>
	<div class="content">
		<div>title</div>
		<div>infoinfoinfoinfoinfoinfoinfoinfoinfo</div>
	</div>
</div>

css：

.main {
 display: flex;
}

.logo {
 width: 100px;
 height: 100px;
 margin: 10px;
}

.content {
 flex: 1;
 /* width: 0; */
 overflow: hidden;
}

.content>* {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}