单行文本省略号
需要固定宽度
white-space: nowrap; // 设置文字不让换行
over-flow: hidden; // 超出隐藏
text-overflow: ellipsis; // 超出省略号
多行文本省略号
display: -webkit-box // 设置模式
-webkit-box-orient: vertical; // 设置朝向为垂直方向
-webkit-line-clamp: 3; // 设置显示行数
注:
flex自适应下文本溢出省略号失效,设置宽度即可。
width: 0;