单行文本与多行文本超出范围需要隐藏并显示省略号

文本超出范围时需要隐藏超出范围的内容，并且同时显示省略号。

/*****单行文本超出隐藏并显示省略号*****/
.element{
width: 20em;/*不允许出现半汉字截断*/
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
}

/***多行文字隐藏加省略号***/
.element{
    width: 20em;
    height: 3em;/*注意高度和宽度，不允许出现半汉字截断*/
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
/*************************/
}