1. 单行文本溢出隐藏,省略号代替
/*0. 如果是行内元素,需加这一句,不是行内元素的话,就不用了*/
display: block;
/*1. 先强制一行内显示文本*/
white-space: nowrap;
/*2. 超出的部分隐藏,注意:这句对行内元素不生效*/
overflow: hidden;
/*3. 文字用省略号替代超出的部分*/
text-overflow: ellipsis;
2. 多行文本溢出隐藏,省略号代替
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;/*设置对齐模式,这里是纵向对齐*/
-webkit-line-clamp: 2;/*设置多行的行数*/