css设置文本显示行数,多出用省略号代替

css设置文字显示任意行 123…行,溢出部分用省略号代替

.ellipsis{
    
    
	    overflow:hidden;
        display:-webkit-box; //将对象作为弹性伸缩盒子模型显示;
	    text-overflow:ellipsis;//溢出部分用省略号代替
	    -webkit-line-clamp:1; //设置文本显示1行,想要几行把1替换掉就行
	    -webkit-box-orient:vertical;  //从上到下排列子元素;
	    white-space:normal;
}

猜你喜欢

转载自blog.csdn.net/different9102/article/details/120718179