同一页面,Tab页过多,tab的标题展示不全。采取措施,把标题多余的部分用点点点(…)显示,当鼠标悬浮当前tab页时,显示tab标题全部。
/*
a标签中加个title属性
*/
<style>
#myTab li a{
width:110px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
padding:0 10px;
}
</style>
<ul class="hi-modal-nav-tabs nav nav-tabs nav-justified" id="myTab" role="tablist">
<li>
<a href="#message" class="active" role="tab"
data-toggle="tab" title="项目基本信息">项目基本信息</a></li>
<li>
<a href="#checknoteTech" role="tab"
data-toggle="tab" title="技术指标简介">技术指标简介</a></li>
</ul>