css限制行数 超出行数显示

css限制行数 超出行数显示…

.textStyle {
    
  	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列

}

对标签设置超出显示…

h1{

        width: 300px;/*定义块元素的宽度*/

        white-space: nowrap;/*内容超宽后禁止换行显示*/

        overflow: hidden;/*超出部分隐藏*/

        text-overflow:ellipsis;/*文字超出部分以省略号显示*/

}