效果整合

1.选项卡

   <div class="select-box">
    	<ul class="menu"> 
    		<li>选项一</li>
    		<li>选项二</li>
    	</ul>
    	<div class="content">
    		<div class="item"></div>
    		<div class="item"></div>
    	</div>
    </div>

$(".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;
}