文本超出显示省略号

一行文本超出显示省略号：

width: 600px; // 需要设置明确的宽度
white-space: nowrap; // 强制一行显示
overflow: hidden; // 超出的隐藏
text-overflow: ellipsis; // 省略号

两行文本超出显示省略号：

width: 600px; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

flex 为 1 时，一行文本超出显示省略号：

flex: 1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;  // 设置最小宽度为 0