单行文本多余文字用省略号显示

.title {
width: 300px;

height: 40px;

line-height: 40px;

/**将多余字符用省略号显示 */

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

多行文本多余文字用省略号显示

.list {
word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient:vertical ;

-webkit-line-clamp: 2; //显示行数

overflow: hidden;

}
————————————————
版权声明：本文为CSDN博主「诗yu远方」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/queen_css/article/details/120859883