css - 超出的文本显示为省略号

1. 单行文本超出

width: 5.75rem; //设置宽度
overflow: hidden; //超出部分隐藏
white-space: nowrap; //溢出不换行
text-overflow: ellipsis; //溢出用省略号表示

2. 多行文本超出

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; //作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp: 6; //超出6行的文本用省略号表示