单行多行的元素超出隐藏

1 单行元素的文本省略号

/* 第一步：溢出隐藏 */

overflow: hidden;

/* 第二步：让文本不会换行，在同一行继续 */

white-space: nowrap;

/* 第三步：用省略号来代表未显示完的文本 */

text-overflow: ellipsis;

2 多行元素的文本省略号

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;