单行超出省略号和多行超出省略号效果实现

于丸

于 2019-06-25 09:51:44 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/Ych_cxy/article/details/93594205

css 专栏收录该内容

11 篇文章

订阅专栏

//单行
.content{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
//多行
.no{
	overflow: hidden;
	/* text-overflow: ellipsis; */
	 display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
				
			}