文字溢出省略效果（CSS代码）

总是忘 备份一下

 

====>  单行隐藏

{
    overflow: hidden;                // 超出隐藏
    text-overflow: ellipsis;　　   // 以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。
    white-space: nowrap;          // 如何处理元素内的空白    
}

 

====>  多行隐藏   （当元素存在padding 时 会出现 省略号生效 行数不生效的效果 需注意）

{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  // 超出几行省略
    overflow:hidden;    
}