css文本超出显示省略号

css控制文本,超出宽度限制,显示省略号
代码【单行文本显示】
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
代码【多行文本显示】
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
备注
在使用该css功能的时候,需要为元素加上宽度width限制,并且高度也需要控制,否则会造成底部多余的文本显示出来,影响观感。