效果整合

1.选项卡

   

    	
 
    		
选项一
    		
选项二
    	
    	

    		

    		

    	
    

$(".menu").on("click","li",function(){
		var _this = $(this);
		var _index =_this.index();
		$(".content .item").eq(_index).show().siblings().hide();
		_this.addClass("on").siblings().removeClass("on")
	})

2.文字溢出显示省略号

/*一行*/
.over{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*多行*/
.over{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}